火狐開發(fā)者版本 v134.0官方版

火狐開發(fā)者版本是專門針對開發(fā)者準(zhǔn)備的一款瀏覽器，全稱又叫做火狐瀏覽器開發(fā)者版本，在這里，開發(fā)者們可以隨時修改和調(diào)整瀏覽器內(nèi)容，界面非常的舒適，更新的非常快，新功能非常的多。該版本與普通版相比，工具欄明顯變得更窄，更加的迎合了開發(fā)者對測試的需求，并且當(dāng)您將鼠標(biāo)懸停在信息圖標(biāo)上時，會看到該 CSS 規(guī)則未應(yīng)用的原因，以及如何修正問題的提示，軟件內(nèi)包含了許多的實(shí)用工具，其中包括一流的 JavaScript 調(diào)試器，可以面向多種瀏覽器，且內(nèi)置的 React 和 Redux，能夠?yàn)殚_發(fā)者帶來了更多的便捷。除此之外，火狐開發(fā)者版本還有全新的字體面板，讓開發(fā)者可以快速訪問某元素使用的字體的所有信息，面板中也包含了字體來源、字重、樣式等重要信息，并且配備 CSS 網(wǎng)格，方便用戶更加調(diào)整前端網(wǎng)頁的效果代碼，當(dāng)然這只是應(yīng)用于字體方面，該軟件對于圖片處理也是非常的專業(yè)，內(nèi)部擁有全新的形狀路徑編輯器，可讓您通過可視化編輯器，無需猜測即可輕松微調(diào) shape-outside 與 clip-path 形狀，是專業(yè)人士的必備選擇。

火狐開發(fā)者版本新功能

1、新的工具

無效的 CSS

Firefox 開發(fā)者工具現(xiàn)在會將頁面中無效的 CSS 聲明顯示為灰色。當(dāng)您將鼠標(biāo)懸停在信息圖標(biāo)上時，會看到該 CSS 規(guī)則未應(yīng)用的原因，以及如何修正問題的提示。

2、Firefox 開發(fā)者工具

新款 Firefox 開發(fā)者工具具有強(qiáng)大、靈活、酷炫的工具。其中包括一流的 JavaScript 調(diào)試器，可以面向多種瀏覽器，且內(nèi)置 React 和 Redux。

3、強(qiáng)大的 CSS 網(wǎng)格

Firefox 是目前唯一配備打造和設(shè)計 CSS 網(wǎng)格的工具的瀏覽器。這些工具可以讓 CSS 網(wǎng)格可視化，顯示關(guān)聯(lián)區(qū)域的名稱，預(yù)覽網(wǎng)格變化，等等。

4、字體面板

Firefox 開發(fā)者工具中全新的字體面板，讓開發(fā)者可以快速訪問某元素使用的字體的所有信息。面板中也包含了字體來源、字重、樣式等重要信息。

開發(fā)者工具使用技巧

1、首先，按F12，打開火狐瀏覽器的調(diào)試工具，下面就是調(diào)試工具欄

2、控制臺

這個功能是非常重要的

1、一般調(diào)試的時候在代碼中可以使用console.log(‘要輸出的內(nèi)容’)這條語句在控制臺中查看輸出，用于調(diào)試簡單的錯誤。

2、控制臺頁面是與當(dāng)前打開的頁面處于同一個環(huán)境的，也就是說，當(dāng)前頁面的控制臺只對當(dāng)前頁面有效，控制臺可以看做是頁面的js運(yùn)行的一個延伸。而且，控制臺可以輸入輸出，也可以更改頁面的顯示。

如圖，改變了頁面的顯示，函數(shù)聲明這個地方，可能會根據(jù)瀏覽器的版本不同而輸出有所不同。

3、調(diào)試器

上圖表示如何設(shè)置斷點(diǎn)

4、這是頁面刷新之后，左上角的四個圖標(biāo)。

第一個圖標(biāo)（F8），當(dāng)你設(shè)置兩個或兩個以上的斷點(diǎn)時，點(diǎn)擊一下，直接運(yùn)行到下一個斷點(diǎn)。

第二圖標(biāo)（F10），當(dāng)點(diǎn)擊這個圖標(biāo)時，相當(dāng)于一個函數(shù)一個函數(shù)的執(zhí)行

第三個圖標(biāo)（F11），當(dāng)點(diǎn)擊這個圖標(biāo)時，相當(dāng)于一步一步的執(zhí)行。

上述三個圖標(biāo)，經(jīng)常一起用，用的時候觀察右側(cè)欄顯示。

點(diǎn)擊添加監(jiān)視表達(dá)式，將你需要監(jiān)視的變量寫進(jìn)去，就可以了

啟用默認(rèn)主頁教程介紹

1、打開火狐瀏覽器，可以看到默認(rèn)打開的就是“火狐主頁”頁面，我們點(diǎn)擊右上角的菜單按鈕，在下方的菜單欄中選擇“選項(xiàng)”。

2、進(jìn)入選項(xiàng)相關(guān)頁面后點(diǎn)擊左側(cè)導(dǎo)航中的“主頁”一項(xiàng)。

3、進(jìn)入主頁設(shè)置頁面后可以看到右側(cè)“主頁和新窗口”中顯示目前設(shè)置的主頁是火狐主頁的網(wǎng)址。

4、我們將主頁地址改成自己設(shè)置成主頁的網(wǎng)址就可以了，修改完后重新打開火狐瀏覽器就會發(fā)現(xiàn)主頁已經(jīng)成功更改了。

軟件特色

1、查看器

查看并優(yōu)化代碼，讓版面上每個像素都顯得完美。

2、控制臺

追蹤 CSS、JavaScript、安全以及網(wǎng)絡(luò)問題。

3、調(diào)試器

強(qiáng)大的 JavaScript 調(diào)試器，完整支持您的開發(fā)框架。

4、網(wǎng)絡(luò)

監(jiān)視并找出拖慢或阻塞您網(wǎng)站的網(wǎng)絡(luò)請求。

5、存儲面板

添加、修改或移除緩存、Cookie、數(shù)據(jù)庫、會話數(shù)據(jù)。

6、響應(yīng)式設(shè)計模式

在瀏覽器中使用仿真的設(shè)備測試網(wǎng)站。

7、可視編輯

微調(diào)動畫、對齊和填充。

8、性能

解決性能瓶頸、簡化工作流程、優(yōu)化任務(wù)方式。

9、樣式編輯器

編輯和管理瀏覽器中的所有 CSS 樣式表。

軟件亮點(diǎn)

您最喜愛的附加組件和擴(kuò)展

定制您的瀏覽器

設(shè)備之間同步

firefox 試飛員

讓標(biāo)簽頁飛一會

更好的書簽

更強(qiáng)大的隱私瀏覽模式

屏蔽廣告跟蹤器

密碼管理器

平衡的內(nèi)存占用

瀏覽更快