如何制作chrome浏览器插件

如何制作chrome浏览器插件,第1张

方法如下:

1、创建一个单独的文件夹,比如说为百度贴吧开发一个插件,就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件,在里面写上如下的样子。

{

"name": "TiebaAddin",

"version": "1.0",

"description": "An addin for Tieba.",

"browser_action": {"default_icon": "icon.png"},

"permissions": [http://*/*]

}

2、现在需要找一个图标,放在这个目录下,名字叫icon.png,当然,这个名字只要和上面的配置文件里default_icon的属性一致就好。

3、现在只要点击Chrome工具条的菜单按钮选择里面的工具(Tools)>>扩展(Extensions)就好。菜单按钮如右图。

4、选择开发者模式裂肢,选择加载未打包的插件,然后,选择第一步中的那个文件夹即可。

5、在地址栏的右侧出现了图标,但是点击图标却什么也没做,因为我们还什么代码没有写。现在在那个目录下,建立一个html文件,并且名字为popup.html,同时在配置文件里“browser_action”下加上一条:"popup": "popup.html"。

示范:

{

"name": "TiebaAddin",

"version": "1.0",

"description": "An addin for Tieba.",

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

"permissions": [http://*/*]

}

      此处注意,每一对大括号里的最后一项后面都没有逗号,其余的每项之间必须用逗号间隔!哪闹源庆怕是browser_action这样复合的项目,在他的大括液握号后也要有逗号。

6、在Popup.html里写上一些html代码,比如简单的输出HelloWorld也好,这个Popup.html和普通的html文件按没有任何差别。

7、这就是基本的插件制作方法。

1.Pocket 。保存稍后阅读,可以将保存的内容同步到手机、平板或其它电脑Save to Pocket

2.印象笔记的扩展。印象笔记悦Clearly - Chrome Web Store读和印象笔记剪藏Evernote Web Clipper

3.页面平滑滚动的扩展——SmoothScroll。摸起来,不对,滚起来滑溜溜的!SmoothScroll

4.网页截图此模 - Webpage Screenshot。目前最好用多个一个网页截图插件。

5.Adblock Plus屏蔽广告的。不用多说哈!Adblock Plus

6.Google Keep - 记事和清单。可惜没有iOS和wp8版,目前很少用了Google Keep - notes and lists

7.LastPass: Free Password Manager。密码管理、自动填充账号密码,谁用谁知道!LastPass: Free Password Manager

8.Proxy SwitchySharp 。你懂得。Proxy SwitchySharp

9.Search by Image (by Google)。右键以图搜图,谷歌出品。Search by Image (by Google)

10.xTab。限制Chrome标签页数量,超过设定数量后自动关闭之前的标签页。xTab - Chrome Web Store

11.优酷去广告 插件(已支持优酷、土豆、爱奇艺、乐视网、搜狐视频、酷六)。禁用已久优酷去广告 插件(已支持优酷、土豆、爱奇艺、乐视网、搜狐视频、酷六)

12.划词翻译。很好用,就是有时不太稳定。划词翻译 - Chrome Web Store

13.广告终结者。现在启用的,能屏蔽百度推广广告、各种牛皮癣广告,和大多数视频广告,目前去广森拿缓告类,只有这个启用了。Advertising Terminator

14.微博急简 WC。简化微博,现在敏凳不怎么用了。微博急简 WC - Chrome Web Store

15.微软雅黑字体。 受不了win8上满知乎的宋体,所有网页必须雅黑!微软雅黑字体

16.惠惠购物助手。考虑到一淘比价和阿里的包养关系,改用大网易的了!惠惠购物助手

17.番茄土豆。番茄工作法的扩展,用过几次,坚持不下来,现已禁用。Pomotodo - Chrome Web Store

18.红杏。你懂得。10元每月,简单稳定,用我这个链接购买你我都能增加10天哦:Hello! 红杏 | 专为学者、程序员、外贸工作者打造的上网加速


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12501915.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存