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

banq發表於2022-02-07
前端Chrome套件

在本文中，我們將研究每個開發人員都應該知道的 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和其他網站上的廣告、彈出式廣告和惱人的橫幅。此外，它還能阻止第三方跟蹤器，並改善頁面載入時間。

 

相關文章