如何查看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

chrome.jpg

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

实战 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 插件的文章


chrome 插件 extension google
编程浪子走四方:CodeRonin