美文网首页
ChromeDiy-修炼之旅1

ChromeDiy-修炼之旅1

作者: 吊毛苦瓜 | 来源:发表于2019-01-11 16:36 被阅读0次

    起因.公司业务需要,需要做一个一键化的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!

    致敬

    相关文章

      网友评论

          本文标题:ChromeDiy-修炼之旅1

          本文链接:https://www.haomeiwen.com/subject/lbigrqtx.html