分享一个自己做的实用chrome书签小插件（比自带更好用噢）

Question

本帖最后由 showbo 于 2014-04-10 17:10:51 编辑

Answer 1

chrome商店有时是比较慢的，要等一会才能打开，下载好以后就不用管了

Answer 2

如何开源，代码直接贴到这里？其实下载好后就能直接看代码了源文件打包上传到csdn，然后下载链接贴到你帖子里面

Answer 3

如何开源，代码直接贴到这里？其实下载好后就能直接看代码了源文件打包上传到csdn，然后下载链接贴到你帖子里面
链接地址如下：版主能修改到前面去吗？http://download.csdn.net/detail/bosstwobread/7171427

Answer 4

希望楼主说一下Chrome插件开发。我写Chrome插件的时候，很多时候请求不到，好像是跨域了？

Answer 5

chrome的商城有时候网络是有问题的，谷歌嘛，你懂的。
过会再打开，或者多等会就行了

Answer 6

别关顾着谢嘛，给点评论到chrome商城嘛：）

Answer 7

今天开始我慢慢把这个插件给大家讲解下吧，顺便让想开发chrome插件的人也了解下，当然纯做javascript的也能在这里学到不少知识呢，包括我自己在内也因为这个插件获益不少，很多东西都是需要摸索的，因为官方文档看起来确实很累，也太多了
正常情况下应该几天就能写完，因为我只有晚上加班回来才有时间，所以还请见谅了。
今天先将这个插件的主配置文件，因为chrome插件开发必须有配置文件，打包上传的时候才能被正确识别{
  "name": "小馒头收藏夹书签",//插件名称
  "short_name": "小馒头书签",//缩写
  "manifest_version": 2,//配置文件版本号，现在写的插件都用2
  "version": "1.0.9",//该插件的版本号，版本号命名规则就是用点分开，更新插件时就是用这个版本号来比对的
  "description": "小馒头书签，轻松随意打开书签",//描述
  "icons": //插件各种大小的图标
{ 
"16": "ICON/default_icon_16.png",
"48": "ICON/default_icon_48.png",
"128": "ICON/default_icon_128.png"
},
  "content_scripts": [//内容页配置，就是浏览器打开的页面
    {
      "matches": ["http://*/*"],//配置你需要进行处理的网址
      "js": ["Extend/jquery-2.1.0.min.js","Extend/Messenger.js","BookMark.js"],//导入的本地js文件
  "run_at":"document_start",//在何时执行你的js文件，我这里写的是文档加载前就执行
  "all_frames": true//对页面iframe的访问权限
    }
  ],
  "browser_action": {//浏览器右上角图标相关配置
    "default_icon": "ICON/default_icon.png", //图标
    "default_title": "点击显示收藏夹",//鼠标上移显示的文字
"default_popup": "popup.html"//点击按钮需要展示的页面，这个页面是弹出到按钮的下面的，大小是受限制的
  },
  "background": {
    "scripts": ["background.js"]//后台js文件，可调用chrome的内置函数，很多数据需要通过与该文件进行交互才能获得
  },
  "permissions": [//插件权限 这里我用了 标签页 所有网站访问权限 书签操作 以及获取网站图标
    "tabs", "http://*/*","books","chrome://favicon/"
  ],
  "web_accessible_resources": [//设置你js中可访问的资源文件，如果不设置当你调用图片的时候会显示XX
"BookMark/sherpa/default.html",
"BookMark/sherpa/images/icons/grey/settings_2.png",
"chrome://favicon/"
  ]
}