光华的 bbs 上传图片功能不是很好用,恰好想学习一下 chrome extension,就用最简单的 content scripts 以及 lite-ext 现学现编写一个了光华bbs图片上传增强工具:
fdu img uploader
源码:
查看@ google code
?
欢迎指教
?
?
注意:
安装:
?
1.安装 chrome dev 版本
2.官网 不能直接上去,域名被封了,修改 c:\WINDOWS\system32\drivers\etc\hosts 文件 添加
74.125.39.99 chrome.google.com
74.125.39.99 clients2.google.com
?
?
?
技术:
1.manifest.json 注意规范编写,官网都有详细介绍的
2.注意图片地址,chrome.extension.getURL 以及 css 中图片要用公网地址.
3.中文乱码,不知怎么解决 ,(native2ascii处理一遍js应该就行了)
4.chrome剪贴板访问乱套了,各浏览器没有一致的javascript接口,chrome好像干脆没有,通用的zeroclipboard ie,ff,chrome3都可以,chrome4怎么都不可以,晕死了,只好搞个文本框自己拷贝吧
010126 可以使用execCommand自动拷贝
?
el.select();
document.execCommand('Copy');
?不过仍然需要textarea,可以绝对定位到页面之外,隐藏就不行了
?
Changelog :
?
/*
	v1.0 20091221 使用lite-ext,content script建立项目
	v1.1 20091222 监听窗口等比例调整图片大小,图片监听on("load"),缓存判断img.complete
	v1.2 20091223 使用 [Page action(控制地址栏图标)] [Background page(控制page action显示,监听page action点击,控制 content script)] [Message passing(沟通backgound page)],登陆时才显示
	v1.25 20091225 窗口最大化图片大小调整,非html标准属性用setAttribute
	chrome-extension 中 Ext.getDoc().dom == document 为false ..! 
	修正 Publish.java 发布打包工具编写
*/
?
?
?
效果:
1。下载安装

?

?
2。使用场景

?


?
?
?

?

?
snagit