如果想要在chrome安裝插件，首先得先有應用chrome的商城，但是默認情況下是沒有應用商店；
默認情況下下面這個界面是空白的，沒有任何東西，第一步就先安裝【谷歌訪問助手】
安裝步驟
第一步：
下載【下載谷歌訪問助手插件壓縮包】，我的是Mac版的，你們可以從網上down一份windows版本的
這個是mac版的谷歌訪問助手壓縮包鏈接
鏈接:https://pan.baidu.com/s/1PO90QcQMElaVjKwtRJSL7w 密碼:f3r7
這個是windows的壓縮包鏈接
鏈接: https://pan.baidu.com/s/1bnsD5i21TROwRZu-T6Qzlg 提取碼: gbir
第二步：
mac需要使用zip版本的，不需要壓縮，直接將后綴名改為zip；
然后使用終端解壓zip文件：unzip 谷歌訪問助手_v2.3.0.zip -d /Users/ranyihang/Downloads/文件夾名（最好直接解壓到文件夾中，方便操作）
擴展--更多工具--擴展程序--家在已解壓的擴展程序（將剛才的文件夾導入）
這樣就可以了，按照說明進行免費激活就可以了，如果不激活可免費使用24小時
第三步：
重啟瀏覽器，選擇chrome商店，安裝你想要的插件
安裝chrome插件
插件一：xpath helper chrome爬蟲網頁解析工具 Chrome插件
xpath 是一種結構化網頁元素選擇器，支持列表和單節點數據獲取，他的好處可以支持規整網頁數據抓取。
如果我們要查找某一個、或者某一塊元素的xpath路徑，可以按住shift，並移動到這一塊中，上面的框就會顯示這個元素的xpath路徑，右邊則會顯示解析出的文本內容，並且我們可以自己改動xpath路徑，程序也會自動的顯示對應的位置；
下載完之后會在地址欄的后面顯示一個❌的符號，每次使用點擊該符號就可以了
插件二：Vue.js devtools：調試vue.js應用的瀏覽器擴展 Chrome插件
Vue.js devtools是基於google chrome瀏覽器的一款調試vue.js應用的開發者瀏覽器擴展。做前端開發的IT工程師應該比較熟悉這款工具，可以邊側邊欄窗格中的頁面，邊檢查代碼。
插件三：React開發者工具-React Developer Tools Chrome插件
React Developer Tools是一款由facebook開發的有用的Chrome 瀏覽器擴展，可以通過 Chrome Web存儲獲取。使用 Chrome Devtools 進行調試時，可以查看應用程序的 React 組件分層結構，而不是更加神秘的瀏覽器 DOM 表示。添加react developer tools到chrome，是對chrome開發工具的React調試工具。React的開發工具是開源Chrome DevTools延伸反應的JavaScript庫。它允許你檢查React在Chrome開發者工具組件的層次結構（原名WebKit Web Inspector）。你會得到新的標簽要求在你的Chrome DevTools反應。這表明你的根反應組件在頁面渲染，以及他們最終渲染組件。
插件四：Adblock Plus Adblock Plus是一款能夠智能屏蔽chrome瀏覽器中廣告的插件。
下載完成之后會在地址欄的后面現實ABP的字樣
插件五：JSONView：web開發格式化和高亮插件 Chrome插件
Jsonview是目前最熱門的一款開發者工具插件，確切的來說jQuery JSONView是一款非常實用的格式化和語法高亮JSON格式數據查看器jQuery插件。它是查看json數據的神器。
其他插件會陸續更新，敬請關注....