建立最終的firefox web開發配置檔案

如果配置得當，Firefox可以成為最終的web開發工具，讓您可以直接訪問正在處理的頁面，從而可以實時設定頁面樣式、除錯javascript甚至編輯html。...

如果配置得當，Firefox可以成為最終的web開發工具，讓您可以直接訪問正在處理的頁面，從而可以實時設定頁面樣式、除錯javascript甚至編輯html。

為Web開發建立單獨的配置檔案

安裝所有這些開發工具將使Firefox成為一個非常沉重的瀏覽器，所以我們應該首先為Firefox建立一個新的配置檔案。

您可以使用這些引數建立一個新的快捷方式，將WebDev替換為您的配置檔名，從而在啟動常規配置檔案的同時啟動一個單獨的配置檔案。還有一個更詳細的解釋如何做到這一點。

firefox.exe -P WebDev -no-remote

現在，您已經為Firefox配置了一個單獨的配置檔案，只用於web開發，讓我們來看看我們可以用來使Firefox成為最終web開發工具的擴充套件。

必須具有Web開發擴充套件

這些都是我在web開發中經常使用的擴充套件。

螢火蟲

Firebug是除錯javascript、檢視CSS和html的最強大的擴充套件。您可以對程式碼和CSS進行動態更改，並使用它來除錯Ajax程式碼。這確實是最好的延伸。

Web開發人員擴充套件

連續x年的最佳延長期之一。這是任何開發人員必須具備的，但您已經聽說過了。

土豚擴充套件

這個擴充套件是一個非常輕量級的擴充套件，可以很容易地向您顯示頁面上的元素及其分配的類/id。在您只需要元素的快速資訊的時候，它比web開發人員擴充套件更簡單。您還可以使用它從頁面中刪除元素。

色子拉

輕鬆選擇顏色。再也不用為在樣式表中找到嵌入的顏色而煩惱了。

檢視原始碼

您可以設定多個檢視源配置檔案以在不同的應用程式中開啟原始檔。

HTML驗證程式

這個擴充套件讓您可以輕鬆地驗證頁面HTML並將其安裝到“檢視原始碼”面板中。

油膩的

它並不完全是一個web開發人員擴充套件，但是Greasemonkey非常棒，尤其是它能夠自動執行通常執行的操作，這對於web開發人員來說是一個很好的時間節約。

測量一下

使用此擴充套件可以輕鬆地在螢幕上測量距離。一旦你測量了一個區域，你就可以在螢幕上拖動這個矩形作為比較。

IE檢視/IE選項卡/OperaView/FirefoxView/Safari檢視/IE檢視Lite

這些擴充套件讓您可以在不同的瀏覽器中輕鬆地檢視當前頁面。如果你願意的話，IE標籤甚至可以讓你在標籤裡面執行IE。

清除快取按鈕

清除快取。特別適用於檢查新的CSS更改。

重新啟動Firefox

重新啟動Firefox擴充套件對於關閉和重新啟動Firefox非常有用，所有選項卡和會話都完好無損。

標籤管理

Tab Mix Plus擴充套件通常是一個很好的擴充套件，但是對於web開發人員來說有一些基本上有用的特性：複製Tab和複製taburl。

伊斯洛

YSlow擴充套件是來自Yahoo的一個新擴充套件，它將分析你的頁面並告訴你哪裡出錯。它甚至會給你的網站效能評分。您會注意到右下角的小儀表…它告訴您頁面的總大小以及載入時間。非常有用的擴充套件，但它確實需要Firebug擴充套件。

假同側眼底

虛擬Lipsum生成器擴充套件將基於著名的Lorem Ipsum文字為您生成虛擬內容，該文字對於在站點中佈局虛假內容非常有用。

截圖！

Screengrab擴充套件可以讓你對頁面進行截圖，但是可以做一些常規截圖工具做不到的事情——它可以拍攝整個頁面的影象，而不僅僅是可檢視的部分。

有很多其他的擴充套件，你可以使用，但這些是最好的最好的，從所有我見過的。如果你有另一個你經常使用的擴充套件，請在評論中提及。

至此，您已經將Firefox變成了最終的web開發工具。花點時間學習如何使用Firebug。

發表於 2021-04-14 13:14
閱讀 ( 38 )
分類：網際網路

你可能感興趣的文章

internet explorer 11(internet explorer 11)和火狐33(firefox 33)的區別

internet explorer 11與firefox 33之比較本文試圖比較Firefox和IE瀏覽器的最新版本。Internet Explorer 11是Microsoft為Windows作業系統設計的最新專有web瀏覽器。另一方面，由Mozilla基金會開發的Firefox是開源的，可以跨多個平臺使用，包括Windo...

發佈於 2020-10-25 15:00
閲讀 ( 52 )