来看看浏览器扩展程序怎么做,简单几步

来看看浏览器扩展程序怎么做,简单几步我昨天开始研究,今天写好了。是不是很纯?这里我只是抛砖引玉,你们要实现的功能,可以自己根据情况去写。

大家好,欢迎来到IT知识分享网。

我昨天开始研究,今天写好了。

视频加载中…

这个就是成果了,打开百度的时候,去掉所有不想关注的新闻、广告、菜单之类的界面!就问你纯不纯净。

出于好玩,我甚至把搜索框也加了机制,鼠标移动过去的时候,搜索框也会消失!(不要问我你该怎么搜索,就问你纯不纯净!!)

下面我们直接手把手一起实现吧,主要起个抛砖引玉的效果,希望你能做出五花八门、强大的功能出来~

废话不多说,直接新建一个文件夹,里面准备一张显示程序的图片,再新建几个txt文件,分别进行重命名(记住后缀要一起改了),如图:

来看看浏览器扩展程序怎么做,简单几步

  1. manifest.json:这个就是相当于扩展程序的配置文件了,很重要的文件,所有的权限都是在里面配置的。
  2. main.html:这个用来作为扩展程序的用户界面。
  3. content.js:这个用来实现一些逻辑的。

下面对每个文件进行填写,每个文件打开方式使用记事本就行了。

来看看浏览器扩展程序怎么做,简单几步

content.js文件里面的代码:

来看看浏览器扩展程序怎么做,简单几步

里面写了一个函数,是针对首页的,隐藏了大部分的组件,并对搜索框添加了监听,然后再网页加载完成后就会运行这个代码的。

manifest.json文件里面的代码:

来看看浏览器扩展程序怎么做,简单几步

这个文件里面主要是对扩展程序的名字,版本,说明,作者,图标,以及一些权限进行了设置,如果对具体代码有想更多了解的话,可以联系我。

main.html:这个文件呢,不写也罢,因为我们功能已经实现了,不需要进行扩展程序界面的设计。如果你自己有想法的话,可以写一些自己想要的界面出来。

下面,见证奇迹的时刻到了。

打开浏览器,把我们的扩展程序添加到浏览器里面,添加完了之后,直接地址栏搜索,去搜索的页面,效果就直接出来,没有了新闻啥的了。

当把扩展程序去掉时,新闻之类的又显示出来了。

视频加载中…

是不是很纯?这里我只是抛砖引玉,你们要实现的功能,可以自己根据情况去写。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/65099.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信