GitHub 14.7k star Chrome插件(Extensions)开发攻�?

大家好,我是牛皮糖!

    最近在研究浏览器插件开发,作为一名程序员,学习东西那么自然去github 上面找开源的学习资料,最终在GitHub上找到GoogleChrome 开源的demo项目�?

    可能很多人不知道Chrome Extension 能做什么,其实在自媒体时代,或者AI 时代现在各大AI 厂商都在研究对于浏览器的嵌入。�?

简单地说,浏览器插件,可以大大的扩展你的浏览器的功能。包括但不仅限于这些功能:捕捉特定网页的内容,捕捉HTTP报文,捕捉用户浏览动作,改变浏览器地址�?起始�?书签/Tab等界面元素的行为,与别的站点通信,修改网页内容……给你增加许多想象空间,试想想看,你可以用它来识别一些网站上的广告代码,并直接把这些代码删掉,这样你就不会受到广告的困扰了,没错,如你所愿,这样的插件别人已经开发好了,你可以直接用。不过,也要说浏览器插件的弊端,那就是:会带来一些安全隐患,也可能让你的浏览器变得缓慢甚至不稳定�?

谷歌浏览器也有自己的官网,当然不同的浏览器内核不一致所以导致开发,这个是谷歌浏览器插件官网: https://developer.chrome.com/docs/extensions/get-started?hl=zh-cn�?

    构件一个谷歌浏览器插件是相对比较简单的,只需要自己新建一个masnifest.json 文件�?

-

-

-

-

-

-

-

-

-

-
{``  "manifest_version": 3, //对应的谷歌插件版本 可以分�?�?、�?``  "name": "Hello Extensions", //插件名称``  "description": "Base Level Extension" ,//插件描述``  "version": "1.0", //当前插件版本`` "action": {``    "default_popup": "hello.html",//默认的插件首页``    "default_icon": "hello_extensions.png" //默认的插件图片`` }``}

对于弹出式窗口,创建一个名�?hello.html 的文件,并添加以下代码:

-

-

-

-

-
<html>`` <body>`` <h1>Hello Extensions</h1>`` </body>``</html>
 通过上面的开发一个简单的插件就开发完成了�?

    同时Google 提供了大量的demo代码在github提供学习,也有很多的开发插件已经可以使用�?

github地址:https://github.com/GoogleChrome/chrome-extensions-samples

推荐阅读:《一�?3.5k star 的开源翻译软件 immersive-translate》

点击上方蓝字关注我们