Chrome 插件编写日记

Chrome 插件，你可以理解为打开了一个网页，但是里面只有前端语言，JavaScript， HTML + css
但是有一点区别的是，它是有一个名字为 manifest.json 的配置文件的，里面，有关于这个插件的一些配置，如下：
manifest.json

    {

        // 这是必要的，代表  manifest版本, 网上介绍说必须写 2

	"manifest_version" : 2,

        // 名字也是必要的

	"name" : "chen_crx_text",

        // 这代表这个插件代码的版本

	"version" : "0.0.1",

        //  上面三个是必要的，下面的是我自己加上去的。

       //  这个是这插件的描述

	"description" : "chenfulin chrome exten test",

        // 这个是后台运行的 js

	"background":

	{

		"scripts" : ["js/test.js"]

	},

        // 这是个添加插件的那个界面显示的

	"browser_action" :

	{

		"default_icon" : "img/icon.png",

		"default_title" : "这是一个示例插件"

	},

        // 相关权限

	"permissions": [

        "tabs",

        "webRequestBlocking",

        "webRequest",

        "browsingData",

        "storage",

        "unlimitedStorage"

        ],

	"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",

        // 这个是右上角显示的图标

	"icons" :

	{

        "128": "img/icon.png"

  	},

        //  这个右键点击后选择 选项 出现的界面

  	"options_page" :"index.html"

    }

index.html

    <!DOCTYPE html>

    <html>

    <head>

    <p1> chenfulin </p1>

    </head>

    </html>

js/test.js

    chrome.browserAction.onClicked.addListener(function(){

         chrome.tabs.create({ url: 'index.html' });

    });

巴特西

Chrome 插件编写日记

Chrome 插件，你可以理解为打开了一个网页，但是里面只有前端语言，JavaScript， HTML + css

但是有一点区别的是，它是有一个名字为 manifest.json 的配置文件的，里面，有关于这个插件的一些配置，如下：

manifest.json

index.html

js/test.js

最新文章

热门文章