瀏覽器的插件很好用，怎麼查看該插件的源代碼？
本文主講怎麼查看某個瀏覽器插件的源代碼，基於Windows操作系統PC端谷歌瀏覽器，其他操作系統和瀏覽器請讀者類比。
文章概述：
瀏覽器插件原理概述
使用谷歌瀏覽器查看插件源碼位置
源代碼分析
1.瀏覽器插件原理概述
瀏覽器插件的本質其實跟網頁一樣，由HTML，CSS和JavaScript組成，如果你懂一點點前端知識，就可以自己編寫自己喜歡的瀏覽器插件。
2.使用谷歌瀏覽器查看插件源碼位置
選擇你喜歡的插件，地址欄輸入chrome://extensions/，打開擴展程序，勾選開發者模式，可以看到安裝的每個插件的ID，這個ID就是該插件的唯一標識。
查看插件的ID
地址欄輸入chrome://version，打開瀏覽器版本信息，可以看到瀏覽器在你本地的文件路徑，複製路徑，打開該文件。
打開Extensions文件夾，找到剛才看到的ID對應的那個文件夾就是源代碼了。
我這裡打開的是淘寶客助手插件的源碼：
然後用WebStrom打開源碼如下，你可以自行查看了。
源代碼分析
左側目錄結構，我相信就算是代碼小白也可以看的懂吧，不多說 了。
這裡就多了一個配置文件。manifest.json，是一個json，也很簡單。
相關推薦
'Shopify賣家如何依靠插件做選品參考？'
"備貨選品是一切營銷的前提，自建站賣家的選品和在第三方平臺上有何區別？如何依靠第三方平臺目前的銷售趨勢來為shopify賣家做選品參考呢？本文推薦的插件或許可以幫到你。Oberlo插件具備如下優勢：1、Oberlo幫助賣家找到最適合賣家業務的產品，並將它們直接添加到賣家的S...
'Shopify官方評論插件推薦：product-reviews'
"Review的重要性不止於第三方平臺，獨立站同樣遭遇獲評的困境。該插件將讓賣家獲取客戶的評論變得更為簡單。此款插件具備的優勢如下：1、提升銷量：增加已審核產品的銷售額2、改善SEO結果：將SEO友好的評論分數添加到賣家的Google搜索結果中3、靈活的設計：完全可定製的設...
'Shopify插件推薦：Wheelio-Gamified pop-up'
"該款插件收費為：每月14.92美元起，7天免費試用。具體優勢如下：1、收集電子郵件很容易彈出窗口應該很有趣，應該讓用戶滿意。Wheelio正是如此。當他們旋轉時，你們都贏了 - 它最終顯示出結果。2、收集FB Messenger選擇加入只有通過Facebook Messe...
'無需科學上網安裝Chrome中的插件'
"寫在前邊最近無意中看到一篇文章非常的實用，如何在不能翻牆的情況下給Chrome安裝插件。這個問題已經困擾我好久了，之前安裝markdown時還是向朋友借的翻牆賬號。如果你也有這樣的困惑，恭喜你又可以掌握一種技能了。以後不會為在Chrome中安裝插件煩惱了。在Chrome中...
'這個只有2MB大小的插件，讓你告別快捷鍵'
"如何讓一臺普通的電腦脫離鼠標和鍵盤的束縛？相信是很多差友們經常會幻想的一個話題，硅谷的一家公司 leap motion 已經把差友們的幻想變成了現實。他們開發了一款傳感器，能夠跟蹤差友們手部運動的軌跡，然後讓大家隔空對著電腦屏幕就能進行一些騷操作。只要搭配一個小小的傳感器...
推薦中...