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

通过chrome扩展插件实现。

1、插件编写方法。

新建目录chromextenddemo

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

如下的弹窗。


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

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

icons指插件显示在的图标。

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

目录结构如下


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



打开百度。脚本执行


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 主讲人:林海峰 空中排毒课堂的学员们,你们喝了两天的果菜汁,做了一个排毒的动作,有没有拍下照片记录一下自己的变化呀...
    孙源77阅读 1,507评论 0 2
  • 今天晚上在一个学习的社群,我发出了一个互动方式,那就是交换书看的一个请求,从而引起群的良好互动。 为什么会去做这样...
    伏晶之心阅读 262评论 0 1
  • 《鹏鹏历险记1》 (小红的愿望机2)愿望机 后来 ,愿望机就这样合成了,...
    睡觉的石头阅读 703评论 2 0
  • 朋友圈有一姑娘,我喊她四毛子。昨天偶然看到她发表的状态,抛出了一记重弹,你对爱情怎么看?你觉得怎样的爱情才是你想拥...
    背景是一整片海洋阅读 758评论 1 1
  • 一直以为《无声告白》是一部侦探小说,看的时候也怀着一种对情节的期待,期待曲折,期待意料之外,情理之中,期待能让人掩...
    黑色柳丁ld阅读 191评论 0 0