Chrome 插件 一 一个简单的插件示例

一、插件所实现的功能：

使用chrome浏览器打开百度首页（https://www.baidu.com/）时，自动填充搜索关键字“美女”。

二、创建一个插件详细步骤：

1.创建一个文件夹，命名为chrometest（随意命名）

2.创建一个json文件，命名必须为manifest.json，内容如下：

{
"name": "XiaoYu作品",
"manifest_version": 2,
"version": "1.0",
"description": "调戏百度一下！",
"browser_action": {
"default_icon": "1.png"
},
"content_scripts": [
{
"matches": ["https://www.baidu.com/*"],
"js": ["script.js"]
}
]
}

3.创建一个js文件，命名为script.js（与manifest.json中对应即可），内容如下：

alert("逗你玩！！哈哈哈哈");
document.getElementById("kw").value="美女";

三、将插件添加到chrome中：

1.更多工具->扩展程序



2.勾选上“开发者模式”->加载已解压缩扩展程序，选择自己的插件文件夹，笔者这里选的是 chrometest 文件夹：



3.在浏览器中输入网址“https://www.baidu.com/”，尝试一下吧！

4.插件运行效果



点击“确定”



最后附一下插件学习的两个网站：

http://open.chrome.360.cn/extension_dev/overview.html

https://developer.chrome.com/extensions/overview