Chrome插件开发
构建项目框架
1. 新建项目文件夹chrome
2. 进入chrome文件夹新建manifest.json文件,内容如下:
{
"name":"chromePlugin",
"version":"0.9.0",
"description":"This is a tool.",
"manifest_version":2,
"content_scripts": [
{
"matches": ["*://www.baidu.com/*"],
"js": ["js/jquery-1.8.3.min.js","js/index.js"]
}
],
"browser_action":{
"default_icon":"icon.png",
"default_title":"test",
"default_popup":"popup.html"
}
}
<html>
<body>
<h2>chrome插件</h2>
<div>
<img src="../image/head.png" style="width: 50px; height: 70px">
</div>
</body>
</html>
4.新建js文件夹,下面放jquery-1.8.3.min.js和index.js,index.js内容如下:
$('#su').text("Google搜索");
$('#su').val("Google搜索");
$('#su').val("Google搜索");
5. 总体目录如下:
![这里写图片描述](https://img-blog.csdn.net/20161122174906699)