光华的 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。使用场景
- 大小: 33 KB
- 大小: 51.1 KB
- 大小: 111.9 KB
- 大小: 101.4 KB
- 大小: 70.7 KB
- 大小: 54.3 KB
- 大小: 89.2 KB
- 大小: 114.8 KB
- 大小: 24.7 KB
- 大小: 193.6 KB
- 大小: 30.8 KB
分享到:
相关推荐
【批量下载】Thunder-Download-Extension-for-Chrome_v3.1
Chrome扩展程序CLI 下一个Chrome扩展程序的CLI。 :rocket:快速概述npm install -g ...创建扩展安装npm install -g chrome-extension-cli用法chrome-extension-cli < project> 例: chrome-extension-cli my-extension
Chrome浏览器插件axure-chrome-extension
react-chrome-extension-boilerplate, Chrome 扩展 React.js 项目的样板 响应 Chrome 扩展样板文件 Chrome 扩展 React.js 项目的样板。特性简单的响应/Redux示例 Chrome 扩展窗口&弹出&注入页面Hot重载反应/redux ( ...
AxureRP-extension-for-Chrome-0.6.2 谷歌浏览器插件
DynamicRaffle-ChromeExtension-源码.rar
名称:Chili Piper Chrome Extension -------------------- 版本:3.0.4792 作者:https://www.chilipiper.com/ 分类:生产工具 -------------------- 概述:安排会议和协作处理电子邮件的最快方式。从任何地方一键...
Axure导出的html文件在浏览器中打不开,是因为浏览器缺少“axure-chrome-extension”插件导致。只需要在扩展程序中安装一个插件“axure-chrome-extension”,就可以解决问题了。
$ vue init YuraDev/vue-chrome-extension-template my-project # install dependencies and go! $ cd my-project $ npm install # or yarn $ npm run dev # or yarn dev 结构体 :脚本的后台工作 在网页上下文中...
antd-chrome-extension-boilerplate使用 react + antd 开发 chrome-extension 的脚手架工程,具有热加载功能。特性使用 antd + react 开发 chrome extension。解决了当前页面与 content-script 间的 css 污染问题。...
chrome-extension-starter-源码.rar
正在安装npm npm install webpack-extension-reloader --save-dev 纱yarn add webpack-extension-reloader --dev解决方案... 您是否曾经在开发浏览器扩展时感到恼火,并且因为它不是Web应用程序而是浏览器扩展而无法...
katex-github-chrome-extension-源码.rar
镀Chrome扩展样板带有实时重载...无需复杂或构建工具实时重新加载内容脚本JS和CSS文件(避免在每次代码更改后重新加载扩展名) MIT许可,适合商业用途安装分叉它: : 克隆它: 如果您使用SSH: git clone git@github....
Allow access to file URLs 1 设置---更多工具--扩展程序 2 打开开发者模式 3 加载已解压的扩展程序
在mac上打开chrome浏览器 地址栏输入 chrome://extensions/
chrome扩展关于网络模块的DEMO项目,可直接安装到浏览器,主要介绍网络模块的用法。
Forks · dutiyesh_chrome-extension-cli.txt
谷歌浏览器查看 axure的原型图 axure_chrome_extension_V0.6.3