ChromeDiy-修炼之旅1

起因.公司业务需要，需要做一个一键化的Ip代理。此前从未接触chrome类的插件相关开发。临时抱佛脚，搜一下google chrome api，找到proxy相关的了解了解。例子：

开发环境：windows7 subtext3

首先建立一个文件夹用来做插件的包，这里起名叫Xqt

先来解刨下简单的文件关系

jquery这个js搞前段开发的都懂--不懂得百度一下，这里真不是我不讲，是这个东西没得讲

Logo.png是我的浏览器插件小图标

manifest.json --Chrome浏览器会从这里读取你申请的权限和插件信息，相当于是一个配置文件

popup.html是我的插件页面

popup.js是配合popup.html页面进行一些操作的js文件

好的，来了~

先来说说manifest.json这个东西

manifest.json

图上都列的非常清楚了，导入该插件chrome会从这里读信息。 chrome对权限安全看的很死，如果你不在permissions里声明，那么肯定会Error的。

default_icon样式 popup.html

那么用户拿到页面，点击立即生效，我们就执行代理操作，而这里是靠js做后面操作的，这么说大家应该懂了吧。

我们看看chorme api ：http://www.kkh86.com/it/chrome-extension-doc/extensions/proxy.html

proxy

首先，在配置文件里声明权限，建立前端页面（json清单里指定了popup.html）

popup.html

里面引入了jq，自己编写的popup.js，因为要靠js进行操作！

当点击button时，就载入了js

Js：

popup.js

这下就完美的完成了我的插件了，丢入chrome 即可~

文章略草-但仔细看了一定懂，想要完全傻瓜化那么我觉得可能不太适合搞IT！

致敬