Chrome 好用Plugin推薦

Workona

管理書籤，使用情境的好工具 可以透過workspace一鍵切換各種需要的書籤及分頁，如果直接將網頁關閉，下次開啟時還可以直接將之前已經開啟的網頁恢復

除了這個之外，如果你有多台電腦，在公司的電腦瀏覽的分頁，回到家後也可以直接無縫接軌，可以加速你工作的效率

網路上也有很多人分享他們的使用方式，大家也可以上網看一下大家怎麼用的

SimpleExtManager

管理擴充功能，可以讓你快速的啟用或停用擴充功能

Octotree

查看github的好工具 透過這個工具，當你在開啟github的時候，左手邊會出現一個小頁簽，點擊下去可以看到這個程式碼的資料夾分布，就可以跟平常在開發程式一樣，透過檔案總管來觀察這個程式的整體架構

Google翻譯

翻譯好工具 可以透過反白文字來直接翻譯所選擇的文字內容 如果覺得說每次反白都會出現小圖示有點礙眼，可以透過上面提到的SimpleExtManager先將這個擴充功能停掉，等需要的時候再打開就可以了

ModHeader

這個功能可以讓你直接在網頁要求直接加上header，如果開發時跟api要資料需要有Authorization的header，就可以直接使用這個套件來模擬 沒使用前取得400 使用後可以正確取得資料

Wappalyzer / WhatRuns

這兩個工具可以拿來查看你現在瀏覽的網頁是使用甚麼樣的技術，或是網頁伺服器的來源 舉例來說 如果想知道說Youtube有用了甚麼技術，點開可以看到他有使用Hammer.js 就可以知道說如果想要處理畫面上的手勢，可以使用Hammer.js來操作，雖然說不是全部都看得到，但可以讓你在看到一個很厲害的網頁時，了解說他是使用甚麼樣的技術來完成他的

uBlock Origin / AdBlock

這邊提到這個擋廣告的，是要提醒說有時候在開發的時候，有些功能會沒辦法出現，有可能是因為這兩個工具把你寫好的畫面認為是廣告，就把你遮掉了，之前在開發功能時，因為有用到覆蓋整個畫面的iframe，然後這個工具就認為這個部分是廣告，導致我怎麼試都顯示不出來，最後關掉後就正常了

Vue.js devtools

開發VUE必備工具，無論是查看data，vuex，或是可以透過這個工具直接透過console使用內部的function，都超級好用，一定要裝!!! 要直接使用某個component裡面的data或是method，只要先點選你想操作的component，他旁邊會有這個component的代碼，就可以直接在console中取得這個component，在測試功能中很方便的