当前位置: 代码迷 >> Web前端 >> chrome extension - 光华bbs图片下传增强工具
  详细解决方案

chrome extension - 光华bbs图片下传增强工具

热度:509   发布时间:2012-11-23 00:03:43.0
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。使用场景

?

?

?

?

?

?

1 楼 ustcfxx 2010-07-17  
你的图片用什么工具制作的?样式不错
2 楼 yiminghe 2010-08-05  
ustcfxx 写道
你的图片用什么工具制作的?样式不错

snagit
  相关解决方案