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

猜你喜欢