chrome抓取网页插件(GoogleChrome插件的脚本采集程序提升使用效率,大大、honx)
优采云 发布时间: 2022-03-14 06:06chrome抓取网页插件(GoogleChrome插件的脚本采集程序提升使用效率,大大、honx)
谷歌浏览器是一款功能非常强大的浏览器,提供了多种插件,大大提高了使用效率,如vimium、honx等。
在提供这些插件的同时,谷歌还允许用户开发自己的插件。
最近在写一个js脚本采集程序,需要在网页上测试运行,所以可以用Chrome插件测试一下。
1.第一步新建文件夹,创建manifest.json文件,内容如下
{
"manifest_version": 2,
"name": "Js implants",
"description": "在网页中植入写好的js",
"version": "1.0",
"icons": {
"128" : "icon.png"
},
"permissions": [
"tabs", "http://*/*","https://*/*"
],
"content_scripts": [
{"js":["maidian.js"],"matches":["http://www.baidu.com/"]}
]
}
现场说明:
manifests_version 语句是我们使用的版本。
name 和 description 分别代表我们插件的名称和描述,version 是插件本身的版本号。这些用于向用户显示有关已安装插件的信息。
图标是指插件显示的图标。
permissions 是插件使用的权限,tabs 允许使用 chrome.tabs 和 chrome.windows api,后面是匹配模式,表示可以与运行在该模式下的网站的代码进行交互。
内容脚本是在网页中运行的 javascript 脚本。通过使用标准 DOM,他们可以获得浏览器访问的页面的详细信息,并且可以修改这些信息。js 指的是要注入的脚本,marches 定义了哪些页面要注入 Content 脚本。
2.然后定义manifest.json中声明的资源文件,包括上面的icon.png和maidian.js,然后把文件放到manifest.json的同级目录下。
3.接下来我们要做的就是加载我们的自定义插件,打开chrome的扩展面板,选择“Load extension under development”,上面选择我们新建的文件夹,然后就可以看到我们的My own 已经在 chrome 中运行了。
4.查看正在运行的插件。
可以看到我的js脚本已经作用于百度首页,成功获取了我们需要的数据。
官方教程和api: