❤ 为自己量身手写一个chrome暖心插件（资源文章最后）

❤ 最近看到了一个很温馨的提示代码,于是想着为自己的浏览器做一款chrome插件

1、chrome 插件理解：

一个html + js +css + image的一个web应用

不同于普通的web应用， chrome插件除了兼容普通的js，json，h5等api，

还可以调用一些浏览器级别的api，例如收藏夹，历史记录等

2、下面我们开始写第一个插件

文件目录如下

html:存放html页面
js :存放js
locales ：存放了一个多语言的兼容【可无】
image ：放图片【图标】
manifest ：核心入口文件

mainfest.json 写入配置信息

{"name": "tbai plug","version": "0.0.1","manifest_version": 2, //必须是2或者3// 简单描述"description": "chrome plug for Tai Bai,here you are ","browser_action": {"default_title": "太白","default_popup": "html/tbai.html"},// 引入一个脚本"content_scripts": [{"js": ["js/tbai.js"],// 在什么情况下使用该脚本"matches": ["http://*/*","https://*/*"],// 什么情况下运行【文档加载开始】"run_at": "document_start"}],// 应用协议页面"permissions": ["http://*/*","https://*/*"]
}

3、浏览器插件导入，直接加载已解压的文件夹 【效果如下，顺利实现自己的chrome插件】

4、最终实现的效果

5、过程中遇到的错误：

❤ Default locale was specified, but _locales subtree is missing.

指定了默认区域设置，但缺少_locales子树。

缺少了目录 ：
manifest_version （必须写）

❤ manifest_version is not …

manifest_version 版本必须为2或者3

资源地址：
https://download.csdn.net/download/weixin_43615570/87793393