如何查看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 插件的文章



原文地址: 如何查看google chrome 插件源碼
標簽: chrome    插件    extension    google   

智能推薦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM