Win7旗舰版 - 专业分享最新系统之家win7旗舰版下载是电脑重装系统的理想系统家园。

最新更新 | 如何安装系统? | 软件导航 | 品牌系统 | 专题库 | 网站地图
当前位置: 首页 > 资讯 > 软件教程 > 怎样开发Chrome浏览器的插件[多图]

怎样开发Chrome浏览器的插件[多图]

更新时间:2021-04-25 09:12:03 作者:残月

  chrome浏览器是一款开发者使用的浏览器,用户不仅可以使用浏览器搜索自己想要的内容,还可以使用浏览器制作自己想要的功能和插件,这才是这款浏览器最厉害的地方,那么这款软件要如何使用呢,那么今天就和小编一起来看看,这款软件到底要如何使用,快速帮助用户解决各种难题,让更多的用户可以获取自己想要的服务,有兴趣的用户就来一键搜索使用吧!非常的便捷,今天小编就会与大家一起来分享一下这款软件开发插件的过程和方法。

  怎样开发Chrome浏览器的插件

  创建一个单独的文件夹,起个名字吧,比如说我们为百度贴吧开发一个插件,就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件,在里面写上如下的样子。

  {

  "name": "TiebaAddin",

  "version": "1.0",

  "description": "An addin for Tieba.",

  "browser_action": {"default_icon": "icon.png"},

  "permissions": [http://*/*]

  }

  这里各项的意义很显然可以通过名字得之,但如果你想了解更多,请参考“Chrome扩展”文档(详见参考资料)

  如果你细心看上面的配置文件,你就会知道,你现在需要找一个图标,放在这个目录下,名字叫icon.png,当然,这个名字只要和上面的配置文件里default_icon的属性一致就好。

  现在,只要点击Chrome工具条的菜单按钮选择里面的工具(Tools)>> 扩展(Extensions)就好。菜单按钮如右图。

怎样开发Chrome浏览器的插件[多图]

  选择开发者模式,选择加载未打包的插件,然后,选择第一步中的那个文件夹即可。好吧,现在我们就可以启动插件了。

怎样开发Chrome浏览器的插件[多图]

  好了,在地址栏的右侧出现了我们的图标,但是点击图标却什么也没做,这是自然地,因为我们还什么代码没有写。现在在那个目录下,建立一个html文件,并且名字为popup.html,同时在配置文件里“browser_action”下加上一条:"popup": "popup.html"。示范:

  {

  "name": "TiebaAddin",

  "version": "1.0",

  "description": "An addin for Tieba.",

  "browser_action": {"default_icon": "icon.png","popup": "popup.html"},

  "permissions": [http://*/*]

  }

  此处注意,每一对大括号里的最后一项后面都没有逗号,其余的每项之间必须用逗号间隔!哪怕是browser_action这样复合的项目,在他的大括号后也要有逗号。

怎样开发Chrome浏览器的插件[多图]

  在Popup.html里写上一些html代码,比如简单的输出HelloWorld也好,这个Popup.html和普通的html文件按没有任何差别。这就是基本的插件制作方法

Chrome浏览器64位官方下载-Chrome(谷歌浏览器)64位下载 v84.0.4147.89官方正式版

类型:优化软件 大小:59M 更新时间:2021-09-24
语言:简体中文 应用平台:Android
立即下载
电脑软件
安卓软件
安卓游戏
美图看看 美图看看

图像浏览

美图看看官方下载 美图看看

图像浏览

几米看图 几米看图

图像浏览

HD图片查看器 HD图片查看器

图像浏览

图片查看器FastStoneMaxView 图片查看器

图像浏览

网运宝司机端 网运宝司机端

生活休闲

格子日历 格子日历

生活休闲

玛雅日历 玛雅日历

生活休闲

休哒哒 休哒哒

生活休闲

e货运货主版 e货运货主版

生活休闲

休哒哒用户版 休哒哒用户版

生活休闲

全民魔法师 全民魔法师

动作游戏

欧洲前线2 欧洲前线2

飞行射击

血灵诀 血灵诀

卡牌游戏

画线救鱼手游 画线救鱼手游

卡牌游戏

饥饿的食人花 饥饿的食人花

模拟经营

系统下载

1
新台式机专用系统 GHOST win7 x32位 特别旗舰版 V2021.03
新台式机专用系统 GHOST win7 x32位  特别旗舰版 V2021.03

类型:Win7 32位旗舰版

语言:简体中文

查看详情
2
6
新深度技术系统 Ghost windows7 X32位 特别装机版 V2021.06
新深度技术系统 Ghost windows7 X32位  特别装机版 V2021.06

类型:Win7 32位旗舰版

语言:简体中文

查看详情
7
雨林木风系统 Ghost windows7 X86 正版旗舰版 V2021.04
雨林木风系统 Ghost windows7 X86  正版旗舰版 V2021.04

类型:Win7 32位旗舰版

语言:简体中文

查看详情
9
系统之家系统 WINDOWS7 x32 快速纯净版 V2021.06
系统之家系统  WINDOWS7 x32  快速纯净版 V2021.06

类型:Win7 32位旗舰版

语言:简体中文

查看详情