chrome插件,在目标页面运行自己的js脚本

通过chrome扩展插件实现。

1、插件编写方法。

新建目录chromextenddemo

可以这么理解,chrome扩展程序就是一个web应用,所以我们实际是要写html代码。而chrome插件需要的文件就包括配置文件(manifest.json)、扩展图标(icon.png 可以是任意的名字,在配置文件中会使用到)、popup弹出窗口html文件(popup.html)以及其他静态资源文件(如images、css、js等)。

如下的弹窗。

chrome插件,在目标页面运行自己的js脚本_第1张图片


chrome插件,在目标页面运行自己的js脚本_第2张图片

manifes_version声明是我们使用的版本。

name和description分别代表我们插件的名称和描述,version则是插件本身的版本号,这些是用来向用户展示所安装的插件的相关信息。

icons指插件显示在的图标。

Content scripts是在Web页面内运行的javascript脚本。通过使用标准的DOM,它们可以获取浏览器所访问页面的详细信息,并可以修改这些信息。其中js指的是要注入的脚本,marches定义了在哪些页面注入Content scripts。

目录结构如下

chrome插件,在目标页面运行自己的js脚本_第3张图片


打开chrome外部扩展程序---添加已完成的项目。


chrome插件,在目标页面运行自己的js脚本_第4张图片


打开百度。脚本执行

chrome插件,在目标页面运行自己的js脚本_第5张图片


chrome插件,在目标页面运行自己的js脚本_第6张图片

你可能感兴趣的:(chrome插件,在目标页面运行自己的js脚本)