chrome插件的开发

参照以下文章学习：【案例：淘宝自动登录】

一，chrome浏览器插件开发 - 淘宝自动登录

二，chrome浏览器插件开发 - 关于案例

以下文章也很不错

一，Chrome 扩展开发教程(1) ——Hello Chrome

二，Chrome 扩展开发教程(2) ——Background的用法

三，Chrome 扩展开发教程(3)——content_scripts用法

如何调试chrome插件，参考以下文章，对mainifest.js配置文件的某些属性也有讲解

http://www.cnblogs.com/guogangj/p/3235703.html

干货

http://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html

进阶篇

https://blog.csdn.net/my_business/article/details/7711525

API文档

http://open.chrome.360.cn/extension_dev/extension.html

使用心得：chrome插件主要分为3个部份

1，点击小图标显示在下方的小弹窗，popup.html  popup.js 这2个文件必须拆开，不能将js写在html里

manifest.json对应配置：

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

调试Popup

2，background.js  background用来处理插件本身的一些逻辑，比如插件加载时需要执行的处理，运行中需要统一维护的数据等等，background只会在插件加载的时候运行一次

manifest.json对应配置：

"background": {
      "scripts": ["jquery-3.2.1.js","background.js"]
    }

3，content_scripts  可以操作网页dom的js  manifest.json对应配置：

"content_scripts": [
    {
      "matches": ["https://login.taobao.com/*"],
      "js": ["taobao_login.js"],
      "run_at": "document_end",
      "all_frames": true
    }