1.插件文件结构 1.1.manifest.json 每一个扩展.可安装的WebApp.皮肤,都有一个JSON格式的manifest文件,里面存放重要的插件相关信息. 一个最基本的配置例子: { "name": "browser action demo", "version": "1.0", "permissions": [ "tabs", "http://*/*",…
chrome插件编写基本入门  http://igeekbar.com/igeekbar/post/331.htm #精选JAVASCRIPTCHROME 作为一名程序猿,怎么能不会写chrome插件呢[笑] 所以今天就教教大家怎么写最基本的chrome插件,不对,确切地说是互相学习一起学习. (我是不会告诉你说我也是刚学会没多久的!) 基础知识: 首先,我们要知道一个 chrome插件需要哪些文件 其实很简单 配置(入口)文件 manifest.json xx.html xx.css xx.j…
编写chrome插件之前,需要熟悉一下相应的chrome插件开发环境.从编写hello world开始,参考阅读官方的教程,是一个不错的选择.这里主要是基于chrome的官方教程,稍稍做了一些修改和扩充,总结成了如下的几个部分. 在chrome中编写插件和写网页应用基本一致,采用的是javascript+css+html的方式.所以对于用过chrome浏览器审阅过一些网页的源码,写过网页或者脚本的人而言,编写chrome的插件感觉到还是比较熟悉的. 一.chrome插件和用户的几种交互方式 比较…
一个插件的大致目录结构如下: 其中manifest文件最为重要,它定义/指明插件应用的相关信息(权限.版本.功能说明等),点此查看Manifest的详情>>   这里有一篇chrome官方提供的插件编写的例子<Getting Started:Building a Chrome Extension>   popup.html的说明,就是浏览器导航上的插件按钮点击后的弹出页面 background.htm是一个始终运行于浏览器后台的页面,浏览器关闭时它才被关闭,可以作为一个监听者 地址…
Chrome 插件,你可以理解为打开了一个网页,但是里面只有前端语言,JavaScript, HTML + css 但是有一点区别的是,它是有一个名字为 manifest.json 的配置文件的,里面,有关于这个插件的一些配置,如下: manifest.json { // 这是必要的,代表 manifest版本, 网上介绍说必须写 2 "manifest_version" : 2, // 名字也是必要的 "name" : "chen_crx_text&qu…
选课是个问题,为了选课,便有了以下的故事. 最开始,萌生想法于2013年7月. 接着网上了解了chrome的结构知识,却发现例子是假的. 幸好有之前师兄的一个同功能插件开源,但代码写得很乱,我喜欢逻辑清楚,结构优雅的代码.终于决定重写一个. 继续学习chrome,jQuery知识,遇到问题主要找百度谷歌,发现谷歌搜索比百度强多!而且,本博3个月了都还没被百度收录到! 关键时间是从2013年9月2日到9月6日,工作时间安排非常严重,以致最后生病了. 好处是: 一.这个小小的项目,我经历了功能导向的…
i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称.Chrome插件框架中i18n的封装API: chrome.i18n.getMessage(name) 用到的字符都可以定义成__MSG_extName__类似这样的格式,然后通过这个API来调用,例如: chrome.i18n.getMessage('extName') 在调用这个接口前还需要做一些准备工作: 1. 插件的目录结构定义, 蓝色高亮部分为多语言文件夹: m…
说chrome插件编写的先关文章, 首推小茗的[干货]Chrome插件(扩展)开发全攻略. 有非常完善的理论,引用和demo代码. 但是还是建议看官方的 chrome extensions. chrome 插件是什么,能做什么 增强浏览器功能,HTML.CSS.JS.图片等资源组成的一个.crx后缀的压缩包. 从界面到网络请求,到本地资源的交互,都是统统可以的. 比如: ColorZilla: 取色工具 Octotree: github 项目的右边导航 FeHelper: Web 前端助手, j…
一.本地拖放安装 1.下载扩展程序/脚本程序至本地计算机: 2.将其直接拖拽到浏览器的“扩展程序”(chrome://chrome/extensions/)页面. 二.解决“只能通过Chrome网上应用商店安装该程序” 由于一些特殊原因,极个别Chrome插件在使用上述的安装方法的时候,Chrome会提示“只能通过Chrome网上应用商店安装该程序”. 具体的操作方法如下: 1.把下载后的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar(如果看不到Chrome插件的扩展名…
这篇博客推荐的都是谷歌chrome浏览器插件,理论上,与之相同内核的浏览器都能使用.由于是谷歌插件,所以在天朝的网络,你懂的! 红杏 专为 学者 .程序员.外贸工作者 打造的上网加速器.我们相信,上网本该如此简单!扯淡了,我相信大家都懂,因为在天朝.不多说,我相信收费的才能得到更好地服务. 有道智能翻译 浏览页面时,点击插件栏按钮, 就可以立刻体验有道网页翻译2.0.网页可以分翻译等级,难词用括号在原文中注释,可以全文翻译.某些网站因为安全原因,可能会使用不了,不过绝大部分网站是可以使用的. 颜…