Firefox的最新功能

本人所使用的Firefox版本是11。這個版本默認帶了很多好的工具來支持Web開發。

Shift+F4 運行 javascript 亂寫板，在里面可以任意測試 javascript

Ctrl+Shift+J 打開錯誤日志，可以查看當前頁面有哪些 javascript 錯誤

Ctrl+Shift+K 打開控制臺，在控制臺可以通過 javascript 與頁面內容交互

Ctrl+Shift+I 打開頁面元素查看器，可以查看頁面的元素，**支持 3D 模式**

有了這些利器，開發Web就容易多了。Firefox 可以說是給Web開發人員提供了很大的便利。以下詳細介紹每個工具的使用。

亂寫板(Shift+F4)

通過亂寫板可以寫入 javascript 代碼，并執行代碼，以查看代碼運行的結果是否符合預期。

運行模式(Ctrl+R)

該模式可用于在控制臺查看運行代碼的變量。

如上例所示，在寫一段 javascript 代碼時，可以通過 console 對象的 log 方法將內容打印到控制臺里面去。

在運行模式中，如果要在控制臺中打印數據，則需要先打開控制臺(Ctrl+Shift+K)。

檢查模式(Ctrl+I)

在經過了一系列操作之后，要查看某個容器中的對象（容器）是否發生改變，就可以通過檢查模式來做到這一點。Firefox 帶有一個對象（容器）查看器。

由上圖可以看到一種隱藏私有變量的面向對象的實現。

求值模式(Ctrl+L)

如果只需要簡單地得到一段代碼運行之后的值，可以使用求值模式。選定一段代碼運行之后，將會在代碼之后直接顯示當前一條表達式的值。

可以利用求值模式得到選定的代碼最后一條語句的值。這在簡單找一段代碼的錯誤時很有用。

錯誤日志(Ctrl+Shift+J)

錯誤日志可以用于查看一個網站的 javascript 是否在運行時出錯。

通過錯誤日志來調試 javascript 代碼。特別是要調試的代碼并不是自己所寫。如，其它網站的代碼。

控制臺(Ctrl+Shift+K)

通過控制臺可以查看在 javascript 運行過程中的所有日志。并且可以查看指定的對象（容器）的內部結構是什么樣的。

如，打開google地圖，可以查看到在瀏覽器容器(this)中創建了很多屬性。

通過控制臺也可以直接使用 javascript 來控制 HTML 元素。

var a = document.createElement('div'); a.appendChild(document.createTextNode('Hello')); document.body.appendChild(a);

通過以上 javascript 就可以在頁面中添加一個 DIV，DIV 中包含著 Hello 這樣的字符。

頁面元素查看器(Ctrl+Shift+I)

通過頁面元素查看器，可以查看到頁面中包含的元素及元素中的內容。

部分支持 3D 硬件加速的機器可以通過 3D 模式來查看瀏覽器元素。

結語

HTML 是直接面對用戶體驗的接口，為了做好這樣的一個接口，HTML 自身發展到 HTML 5 規范。讓所有的瀏覽器支持更強大的用戶體驗。正因為這樣，為了開發出良好的用戶接口，各種瀏覽器都推出了方便開發人員進行開發的工具。有了工具，那就不要等了，用吧。

總結

以上是生活随笔為你收集整理的用Firefox进行Web开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。