Chrome浏览器扩展程序(插件)开发 一

 首先在目录里面创建文件manifest.json,加入图标,创建*.html文件.内容可以参考下例:

manifest.json文件内容:
{
"manifest_version": 2,         
"name": "Chrome Plug",
"version": "1.0",
"description": "Chrome插件练习",
"browser_action": {
  "default_icon": "icon.png",
  "popup": "popup.html",
  "default_popup": "popup.html"
 },
 "permissions": ["http://*/","bookmarks","tabs","history"]
}
popup.html文件内容
<html>
<head></head>
<body>
<div width="200px" height="100px">
   <p>this is my first chrome plug!</p>
   <p>我是奥运!</p>
   <a href="http://www.baidu.com" target="_blank">哥很低调,百度不到!<img src=\'#\'" /a>
</div>
</body>
</html>
其次在chrome浏览器中点击工具->扩展程序,然后选择开发者模式,点击载入正在开发的扩展程序,选择后点击1确定后如果成功2处将出现新加插件,如果不成功请根据提示错误进行修改。此时浏览器地址栏将会出现相应图标3,下面是我所写代码执行的结果,请参考:

 

你可能感兴趣的:(chrome插件,浏览器插件,扩展程序开发,Chrome扩展程序开发)