首页 > 代码库 > 制作chrome插件

制作chrome插件

chrome插件制作

我一开始看网上教程的时候看的很懵,大家的chrome插件的教程都大多是给你个demo看看,看完了也不知道该怎么写自己想要的插件。

先推荐几个网址:

http://www.ituring.com.cn/article/110929  图灵社区的比较正规、可以出书的chrome插件学习文档(推荐)

http://open.chrome.360.cn/extension_dev/overview.html  360翻译的chrome插件手册(但是比较老,很久没更新)

https://developer.chrome.com/extensions (chrome自己的手册,缺点是需要FQ,一些api到这边来查比较好的)


 

在制作一个chrome插件过程中,manifest.json文件是非常重要的,它是chrome解读你插件需要chrome如何配合你,如何一点点实现的关键。大多教程里很少讲的很细,我这边不一定全,但是可以供参考。

做拓展插件:https://developer.chrome.com/extensions/manifest

做页面app:https://developer.chrome.com/apps/manifest

{    "manifest_version": 2,    "name": "哈哈哈",    "version": "1.0",    "description": "哈哈哈",    "content_scripts": [        {            "matches": ["*://www.baidu.com/"],            "js": ["do_something_in_baidu.js"]        }    ]}

manifest大致就是上面这种样子的一个文件,然后细讲属性:

manifest_version:2             // 这个只能是2,貌似想在可用的版本就是2

name、author、book            // 应该都看得懂吧...不解释

version                               // 你插件的版本号(manifest_version、name、version是每一个manifest都必须要有的,不能缺)

default_locale                      // 默认文字,一般填en

description                          // 描述、简述

icons                                  // 一般提供16px、48px、128px三种,以对象格式声明

permission                          // 这个一般是允许什么网站通过你的插件(貌似是这个意思...错了可以帮我指出错误..)

browser_action                    // 

content_scripts                   // 属性值为数组类型,数组的每个元素可以包含matches、exclude_matches、css、js、run_at、all_frames、include_globs和exclude_blobs等属性。

                                        // 其中matches属性定义了哪些页面会被注入脚本,exclude_matches则定义了哪些页面不会被注入脚本,css和js对应要注入的样式表和JavaScript,run_at定义了何时进行注入,all_frames定义脚本是否会注入到嵌入式框架中,include_globs和exclude_globs则是全局URL匹配,最终脚本是否会被注入由matches、exclude_matches、include_globs和exclude_globs的值共同决定

                                        // 简单的说,如果URL匹配matches值的同时也匹配include_globs的值,会被注入;如果URL匹配exclude_matches的值或者匹配exclude_globs的值,则不会被注入。

                                        // content_scripts中的脚本只是共享页面的DOM1,而并不共享页面内嵌JavaScript的命名空间。也就是说,如果当前页面中的JavaScript有一个全局变量a,content_scripts中注入的脚本也可以有一个全局变量a,两者不会相互干扰。当然你也无法通过content_scripts访问到页面本身内嵌JavaScript的变量和函数。

 


 

长期更新~~~

制作chrome插件