前端開發10大Chrome外掛擴充套件

banq發表於2022-02-07

在本文中,我們將研究每個開發人員都應該知道的 10 大 Chrome 擴充套件。
 
1) Keyframes
Keyframes是最好的chrome擴充套件之一,適合那些想在網路瀏覽器中建立CSS動畫的開發者。
這個擴充套件為你提供了一個視覺化的時間軸,幫助你建立、檢視和執行動畫,而不必在瀏覽器和編輯器之間來回奔波。
 
2) Lighthouse
Lighthouse擴充套件是為了幫助你提高網頁應用的效能、質量和正確性。
在稽核一個頁面時,Lighthouse會針對該網頁執行一些測試,然後生成一份關於該頁面效能的報告。這份報告可以作為你需要改進的地方的一個指標。
 
3) Octotree Github程式碼樹
GitHub是任何開發人員的一個基本工具。Octotree Github程式碼樹 "擴充套件是為了使你的GitHub體驗更好。

通常情況下,為了檢查github中的子資料夾,你需要手動點選資料夾並瀏覽你的方式。Octotree擴充套件解決了這個問題。這個擴充套件在專案的左側顯示你的倉庫,這有助於你更好地瞭解資料夾結構。
 
4) Wappalyzer
Wappalyzer擴充套件幫助你識別網站背後的底層技術。

透過這個擴充套件,你可以發現一個特定的應用程式是否是用React、Meteor、Firebase Angular、PHP、Django等編寫的。你還可以獲得有關網路伺服器、程式語言、框架、內容管理系統、分析工具、資料庫等資訊。
 
5)谷歌標籤助手
谷歌標籤助理 “Google Tag Assistant”擴充套件程式幫助你確定你的谷歌標籤,如谷歌標籤管理器、谷歌分析、谷歌最佳化等,是否正常工作。使用標籤助理,你可以對你的標籤進行修改,並立即驗證標籤是否按預期工作。

當你開啟一個網頁時,標籤助理會通知你該網頁上存在的標籤。你還會得到一份關於發現的任何錯誤和改進建議的報告。
 
6) Lorem Ipsum Generator
Lorem ipsum是一個佔位符文字,通常用於展示一個檔案或一個字型的視覺形式,而不依賴有意義的內容。

Lorem Ipsum Generator擴充套件生成預設文字(或Lorem ipsum)以補充你的設計。每個句子都是隨機生成的,以模擬真實文字。

預設情況下,該擴充套件在安裝後即被最佳化使用,但你可以輕鬆地定製一些設定,以獲得適合你首選設計的完美文字。
 
7) 視窗調整器
視窗調整器是一個擴充套件,它可以讓你輕鬆地調整當前視窗的大小和位置,以達到你喜歡的數值。

當你在做一些設計部分時,如果你想在不同的螢幕解析度上測試你的應用程式,這個擴充套件是非常有效的。一些流行的螢幕解析度是預裝的,但你也可以選擇新增自定義螢幕解析度。
 
8) CSS Viewer
CSS Viewer是一個非常有效的網頁開發人員的鉻擴充套件。顧名思義,CSS檢視器可以顯示你在任何網頁上將滑鼠懸停在某個元素上的CSS屬性。
 
9) Web Developer
Web Developer擴充套件在瀏覽器中增加了一個工具條按鈕,上面有各種網路開發工具。該擴充套件可用於Chrome和Firefox,並在這些瀏覽器支援的任何平臺上執行,包括Windows、macOS和Linux。
  
10) AdBlock
顧名思義,AdBlock可以阻止YouTube、Facebook、Twitch和其他網站上的廣告、彈出式廣告和惱人的橫幅。此外,它還能阻止第三方跟蹤器,並改善頁面載入時間。

 

相關文章