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' });
    });
原文地址:https://www.cnblogs.com/chenfulin5/p/9030161.html