瀏覽器擴充套件程式，用於建立全面的調色盤。設計人員和前端開發人員的必備工具。
**調色盤將提取**上使用的所有顏色並建立乙個調色盤。您可以共享調色盤並將其匯出到sketch，adobe swatch等。鏈結到擴充套件
識別任何**上使用的字型，將它們新增書籤，試用並購買。
這是乙個很棒的工具，可以檢測網頁上使用了哪些字型，並在您自己的**中使用它們（如果有的話當然是免費的）
鏈結到擴充套件
colorzilla是一種先進的吸管工具，拾色器，漸變生成器等。使用colorzilla，您可以輕鬆地從瀏覽器的任何位置提取顏色，並將顏色直接複製到**編輯器，photoshop檔案，…
colorzilla的有用功能
鏈結到擴充套件
衡量網頁上物件的好工具。測量畫素的寬度和高度。
鏈結到擴充套件
擴充套件以清晰易讀的方式在瀏覽器中顯示json內容。
有用的功能：
web前端開發人員須知的瀏覽器相容的問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。瀏覽器相容問題一 不同瀏覽...
10個對web開發人員有用的HTML檔案上傳技巧
我們可以將input型別指定為file，以在web應用程式中使用檔案上傳功能。input filte提供按鈕上傳乙個或多個檔案。預設情況下，它使用作業系統的本機檔案瀏覽器上傳單個檔案。成功上傳後，file api使得可以使用簡單的 js 讀取file物件。要讀取file物件，我們需要監聽change...
Edge瀏覽器開發人員工具設定中文
edge瀏覽器自從公升級使用chromium核心以後開發人員工具也和chrome同步了 作為一名開發人員，翻譯不翻譯其實不是那麼重要，但是單純喜歡中文面板的話，edge是不錯的選擇。完美的中文開發人員tools面板應該算是edge的特點。當然，edge不僅僅支援中文面板，它有9國語言。開發人員工具中...