Chrome的扩展程序很多,也很容易入门,可以来简单实现一下看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含:一个manifest清单文件html文件js文件其他文件等 可以看到,其实结构如同一般的页面,有共通 ...
Chrome的扩展程序很多,也很容易入门,可以来简单实现一下
看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来
每个扩展程序应用一般会包含:
- 一个manifest清单文件
- html文件
- js文件
- 其他文件等
可以看到,其实结构如同一般的页面,有共通之处。
一、了解Chrome扩展程序
Chrome扩展程序商店地址为:https://chrome.google.com/webstore/category/extensions?hl=zh-CN
访问Chrome浏览器中已安装的扩展:chrome://extensions/
可以看到一些拓展程序的基本信息
一般来说,安装扩展程序可以进行在线安装的方式,但在离线环境或内网机环境下,需要安装扩展程序,要怎么办呢
crx文件
crx文件其实就是扩展程序包,可直接将其拖动到上述扩展程序列表页面,即可安装
在windows系统下,可以在以下文件路径访问相应的扩展程序
最后这个图中的文件,其实就是扩展程序的源码了
在扩展程序列表页中点击打包扩展程序,选择相应的程序目录,就可以打包出一个程序包
.crx文件就是我们要的扩展程序包了,将其拖动到页面,即可安装。 .pem是密钥文件
二、创建Chrome扩展程序
由上述知晓了扩展程序的大致信息,要创建一个扩展程序,也不外乎是创建一个项目,依据一定的规则编写逻辑后再打包安装
接下来就把之前写的简易计算器弄成一个扩展程序
看看博客园下方有几个广告,索性顺便用扩展程序移除页面上的广告吧
扩展程序需要一个manifest清单文件,提供有关应用的各种信息
{ "manifest_version": 2, "name": "my-calculator", "description": "A simple calculator", "version": "0.0.1", "permissions": [ "tabs", "http://www.cnblogs.com/" ], "browser_action": { "default_icon": "icons/icon_active.png", "default_title": "Calculate it", "default_popup": "calculator.html" }, "content_scripts": [{ "matches": ["*://www.cnblogs.com/*"], "js": ["js/jquery.js", "js/content.js"] }]}
原标题:编写Chrome扩展程序
关键词:chrome
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。