10大优享服务
62项会员特权

chrome插件怎么开发

发布时间:2021-12-01 14:16:49     阅读次数:8219次     评论数:0次

  可以说浏览器正是由于插件的支持,使其功能变得强大和丰富多彩。其实我们也可以根据自己的需要来设计浏览器插件,从而满足自己的需要。下面小编就以Chrome插件(应用)开发为例,给大家简单的讲解一下具体的设计方法。

chrome插件怎么开发

  

  方法/步骤

  首先,我们创建一个文件夹,用于存在Chrome应用(扩展)所需要的所有文件。并在该文件夹中存放三个文件:

  其中 icon.png文件是一个像素为32*32的图标,用于显示插件的图标

  manifest.json文件用于对插件进行描述

  popup.html文件是一个弹窗网页文件,用于在点击插件图标后显示一个窗口。

  

  接下来编写“manifest.json”文件的内容如下,如图:

  {

  "name": "My First Extension",

  "version": "1.0",

  "manifest_version":2,

  "description": "The first extension that I made.",

  "browser_action": {

  "default_icon": "icon.png",

  "default_popup":"popup.html"

  },

  "permissions": [

  "http://api.flickr.com/"

  ]

  }

  

  对“popup.html”网页文件进行如下内容编辑:

  

  

  

百度ID

  feifeidown

  

  

  

  

  最后来测试一下该插件:

  打开Chrome浏览器,点击“菜单”按钮,从弹出的扩展菜单中选择“工具”->“扩展管理”项。

  

  在打开的新页面中,勾选“开发者模式”,点击“加载正在开发的应用扩展”按钮。

  

  从打开的“浏览文件夹”窗口中,选择插件所在的文件夹,点击“确定”按钮。

  

  此时该插件就正式启动了。

  

  点击浏览器右侧的插件图标,就弹出窗口并显示其中的内容。至此,Chrome浏览器插件开发完成。

  

  今天一品威客小编就和大家分享到这里。阅读本文之后,或许对您有一定的帮助,了解更多app开发资讯,请关注一品威客网,一个新型创意托付式服务平台!如果你有网络百度推广、app开发、小程序开发,装修,营销策划等需要,欢迎到一品威客网发布任务,让广大服务商为您服务。

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录