光华的 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