如何查看google chrome 插件源码

常用浏览器google chrome 有很多优秀的插件，寂寞的时候想看看人家是怎么实现的，说是快那就动手吧

插件代码位置

本人mac笔记本，chrome 插件位置如下

$ cd  /Users/vincent/Library/Application\ Support/Google/Chrome/Default/Extensions

$ ls -al
drwxrwxr-x   3 vincent  staff   102 Jun 24 13:33 bnoamnljhdaigfhafpomkflkebegjfci
drwx------   3 vincent  staff   102 Jul 25 08:59 fdmmgilgnpjigdojojpjoooidkmcomcm
drwx------   3 vincent  staff   102 Jul 25 08:59 fhbjgbiflinjbdggehcddcbncdddomop
drwx------   3 vincent  staff   102 Jul 17 12:40 fpdnjdlbdmifoocedhkighhlbchbiikl
drwx------   3 vincent  staff   102 Jul  8 08:57 gbmdgpbipfallnflgajpaliibnhdgobh
drwx------   3 vincent  staff   102 Nov 19  2014 kfcfceejhleedfbabanmaamfiagjhncj
drwx------   3 vincent  staff   102 Sep 15  2014 lapoiohkeidniicbalnfmakkbnpejgbi
drwx------   3 vincent  staff   102 Apr  8  2015 mkhojklkhkdaghjjfdnphfphiaiohkef
drwx------   3 vincent  staff   102 Apr 29 20:41 nmmhkkegccagdldgiimedpiccmgmieda
drwx------   3 vincent  staff   102 Nov 24  2014 ogdkiheacpdnloclkedfkkjpdojibcbm
drwx------   3 vincent  staff   102 Jun  3 13:33 pflgjjogbmmcmfhfcnlohagkablhbpmg

上示例代码中的文件夹名称 就是 插件的ID

查看插件的ID

如上图 勾选开发者模式，就可以看到各个插件的

实战 Advertising Terminator（网页广告过滤）

结合上面两步，我们知道了插件的位置并根据版本号找到代码文件了

$ cd /Users/vincent/Library/Application Support/Google/Chrome/Default/Extensions/fpdnjdlbdmifoocedhkighhlbchbiikl
$ ls
3.1.6_0
$ cd 3.1.6_0
$ ls
drwx------   4 vincent  staff    136 Jul 17 12:40 _locales
drwx------   4 vincent  staff    136 Jul 17 12:40 _metadata
-rw-------@  1 vincent  staff   8575 Jun 10  2015 background.js
-rw-------@  1 vincent  staff   3704 Jun 10  2015 block.html
-rw-------@  1 vincent  staff   1587 Jun 10  2015 block.js
-rw-------@  1 vincent  staff   4025 Jun 10  2015 debug.html
-rw-------@  1 vincent  staff   1316 Jun 10  2015 debug.js
-rw-------@  1 vincent  staff  11456 Jun 10  2015 firstRun.html
-rw-------@  1 vincent  staff   3269 Jun 10  2015 firstRun.js
-rw-------@  1 vincent  staff   1542 Jun 10  2015 i18n.js
drwx------  16 vincent  staff    544 Jul 17 12:40 icons
drwx------  33 vincent  staff   1122 Jul 17 12:40 img
-rw-------@  1 vincent  staff  13016 Jun 10  2015 include.postload.js
-rw-------@  1 vincent  staff   2339 Jun 10  2015 include.preload.js
drwx------  13 vincent  staff    442 Jul 17 12:40 lib
-rw-------@  1 vincent  staff   1677 Jul 17 12:40 manifest.json
-rw-------@  1 vincent  staff  15639 Jun 10  2015 options.html
-rw-------@  1 vincent  staff  15742 Jun 10  2015 options.js
-rw-------@  1 vincent  staff  10018 Jun 10  2015 popup.html
-rw-------@  1 vincent  staff   5130 Jun 10  2015 popup.js
-rw-------@  1 vincent  staff    715 Jun 10  2015 popupBlocker.js
-rw-------@  1 vincent  staff   1389 Jun 10  2015 subscriptions.xml
-rw-------@  1 vincent  staff   3657 Jun 10  2015 webrequest.js

后续会一些篇专门开发chrome 插件的文章

原文地址：如何查看google chrome 插件源码
标签：chrome   插件   extension   google

智能推荐

• PAC 自动代理
• 【No.4 Ionic】修改 cordova 插件
• Composer ： php依赖管理工具
• 【Composer】实战操作二：自己创建composer包并提交
• 完美解决failed to open stream: HTTP request failed!(file_get_contents引起的)