首页 » 99链接平台 » Chrome插件(Extensions)开发攻略(插件开发浏览器浏览器插件代码)

Chrome插件(Extensions)开发攻略(插件开发浏览器浏览器插件代码)

萌界大人物 2024-10-24 19:56:07 0

扫一扫用手机浏览

文章目录 [+]

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

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

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

Chrome插件(Extensions)开发攻略(插件开发浏览器浏览器插件代码) 99链接平台
(图片来自网络侵删)

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

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

{ "manifest_version": 3, //对应的谷歌插件版本 可以分为1、2、 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

相关文章