Web开发

注册

 

发新话题 回复该主题

我是如何开发第一个chrome插件的 [复制链接]

1#

自己摸鱼的时候,看盗版小说??发现总是弹出不可描述的广告页面,想着公共场所不合适,有啥办法可以去除广告,总不可能每次都点消除按钮,而chorme浏览器插件可以完美的实现这个小需求。

主要结构

chorme浏览器插件主要就是由几个重要的文件组成:上图其实就是这个插件,我们可以看到其实chorme浏览器插件就是个页面,我们前端上手完全没有压力,而最重要的就是这个manifest.json文件。它是整个插件的配置

{//清单文件的版本,这个必须写,而且必须是2"manifest_version":2,//插件的名称"name":"demo",//插件的版本"version":"1.0.0",//插件描述"description":"简单的Chrome扩展demo",//图标,一般偷懒全部用一个尺寸的也没问题"icons":{"16":"img/icon.png","48":"img/icon.png","":"img/icon.png"},//会一直常驻的后台JS或后台页面"background":{//2种指定方式,如果指定JS,那么会自动生成一个背景页"page":"background.html"//"scripts":["js/background.js"]},//浏览器右上角图标设置,browser_action、page_action、app必须三选一"browser_action":{"default_icon":"img/icon.png",//图标悬停时的标题,可选"default_title":"这是一个示例Chrome插件","default_popup":"popup.html"},//当某些特定页面打开才显示的图标/*"page_action":{"default_icon":"img/icon.png","default_title":"我是pageAction","default_popup":"popup.html"},*///需要直接注入页面的JS"content_scripts":[{//"matches":["

分享 转发
TOP
发新话题 回复该主题