chrome谷歌浏览器插件制作简易教程

1.在磁盘上创建一个目录，用来放应用的代码和资源

2.在这个目录中，创建一个文本文件，命名为manifest.json，其内容为：

{"manifest_version": 2,"name": "Getting started example","description": "This extension shows a Google Image search result for the current page","version": "1.0","browser_action": {"default_icon": "icon.png","default_popup": "popup.html"},"permissions": ["activeTab","https://ajax.googleapis.com/"]
}

（这里有360浏览器插件制作教程：据说是翻译的chrome浏览器的）

360浏览器应用开放平台

chrome浏览器插件制作官网

3.在应用（扩展）目录中，创建一个名为popup.html的文本文件，增加一些代码

4.回到扩展管理页面，点击“立即更新扩展程序”按钮，这时会重新加载修改后的应用（扩展）

5.点击应用（扩展）的图标，会弹出一个气泡窗口，显示popup.html文件的内容。

完成！！！

给知乎网站插入一段JavaScript代码：配置json如下：

{"manifest_version": 2,"name": "知乎头像放大器","description": "查看知乎用户头像的原始尺寸图片","version": "1.2.1","content_scripts": [{"matches": ["https://*.zhihu.com/*"],"js": ["js/jquery-2.1.4.min.js", "content_action.js"]}],"permissions": ["https://*.zhihu.com/*"],"icons" : {"48" : "icon/48.png","128" : "icon/128.png"}
}

chrome谷歌浏览器插件制作简易教程相关推荐

介绍几个常用的Chrome谷歌浏览器插件
2019独角兽企业重金招聘Python工程师标准>>> 1. FireBug Lite Firefox有个非常出名的扩展--FireBug,Firebug Lite 就相当于Fire ...
多款功能强大的chrome谷歌浏览器插件推荐
chrome谷歌浏览器插件推荐 Enable Copy 遇到限制复制粘贴和右键的网页是不是很头痛?安装这个插件后,点下插件按钮就能解决了- JSONView 可以将后端返回的json格式化,让结构更清 ...
DZ插件制作简易入门教程（自学手记）第一篇
看了Maple-x和泡哥写的那两篇插件制作教程,还是让我如云里雾里.后经仔细研究插件实例,总算有所收获,但弯路走了不少.为避免后来者重蹈覆辙,在此总结成文,算做个笔记好了. 就用最经典的项目名称Hel ...
DZ插件制作简易入门教程（自学手记）第二篇
谢谢大家的鼓励和帮助,我会继续写下去.工作忙,只能周末寥寥几笔,不当之处,请指正,我会修改的. 在开篇中,可以说已经做完了一个完整的插件.不过功能很简单,只能在表格中央显示"Hello Wo ...
Chrome谷歌浏览器插件的本地存放位置
C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions 根据扩展程序ID来找到相应的插件,可以进行打包操作:在浏览器 ...
AxureRP Chrome谷歌浏览器插件安装流程（图文详解）
打开原型文件的html,会跳转到这个页面,怎么破? 方案一 1.打开该原型文件->resources->chrome->axure-chrome-extension.crx,找到找到 ...
Chrome谷歌浏览器插件_百度翻译插件去除字数限制
找到插件安装目录例如 C:\Users\Administrator\Local Settings\Google\Chrome\User Data\Profile 1\Extensions\ccfjc ...
简易计算机android教程视频,制作视频，你也可以！——小白视频编辑制作简易教程...
10月份我们六班组织连接时空,共同朗诵的活动,以视频的形式进行展示.我认为视频是一种最直观形象的形式,使得我们可以快速认识战友. 视频编辑和制作,对于非专业的我来说,也只能是边学边用.所以,这个教程也 ...
最值得收藏优秀推荐的 Google Chrome 谷歌浏览器插件扩展推荐列表
由于 Chrome 已经不允许用户安装非应用商店的第三方 .crx 扩展了,所以这里只提供了 Google Webstore 应用商店的官方下载地址.因为众所周知的原因,国内访问可能需要使用各种「番· ...

chrome谷歌浏览器插件制作简易教程

chrome谷歌浏览器插件制作简易教程相关推荐

最新文章

热门文章