chrome extension － 光华bbs图片上传增强工具

光华的 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。使用场景