Skip to main content

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,在測試功能中很方便的