編輯“Ajax- 使用Firefox的Web開發(fā)擴展”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>導航:</strong> [[Ajax學習教程#Ajax學習教程|上一頁]] | {{template:開發(fā)語言導航}}</span>
<div style="clear:both;"></div>

Firefox的Web開發(fā)擴展為Firefox瀏覽器增加了大量有用的Web開發(fā)工具。一旦安裝了這個擴展，你就可以通過一個工具條來訪問為瀏覽器增加的這些工具（見圖5-14）。在目前能夠運行Firefox的所有平臺上都能使用這個擴展包，這就意味著在Windows、OS X和Linux都能順利地使用這個擴展包。Firefox的Web開發(fā)擴展包可以從chrispederick.com/ work/firefox/webdeveloper/獲得。 <br>

[[Image:image0140.jpg]]

圖5-14　Web開發(fā)擴展為Firefox增加的工具條 <br>

Web開發(fā)擴展包提供了至少80個獨立的工具，可以完成，從把GET請求轉換為POST請求（或反之），到允許動態(tài)編輯頁面的CSS規(guī)則的各種任務。由于存在太多的工具，因此不便于一一列出，以下只是列出了總的工具種類：<br>

l    Disable菜單用于禁用瀏覽器的一些功能，如JavaScript、CSS、cookies和動畫圖片。
<br>
CSS菜單包含了與CSS規(guī)則和樣式表相關的工具。<br>

Forms菜單用于把GET請求轉換為POST請求（或反之），自動填寫表單值，以及刪除輸入元素的最大長度。<br>

Images菜單用于顯示圖片縮略圖或隱藏圖片。<br>

Information菜單用于檢查與頁面相關的各種信息，如cookie信息、鏈接信息和響應首部。<br>

Miscellaneous菜單提供的工具可以清空瀏覽器的緩存、歷史和會話cookie，還可以放大或縮小頁面。<br>

Outline菜單用于概要列出表格、表單元、框架、塊級元素等。<br>

Resize菜單會在標題欄中顯示當前窗口的大小，以及其他可以調整當前窗口大小的工具。<br>

Tools菜單用于尋找到驗證CSS、HTML和下載速度的第三方網(wǎng)站的快速鏈接。<br>

View Source按鈕可以很容易地查看頁面的源代碼。<br>

Options菜單用于定制編輯Web開發(fā)擴展的顏色、快捷鍵和行為。<br>

有些Web開發(fā)人員對Web開發(fā)擴展包提供的工具和功能大加贊賞，稱之為“不可缺少的”、“最好的”和“至關重要的”?？梢园惭b這個擴展，嘗試一下各種工具，看看它對你的開發(fā)和調試過程是否有幫助。<br>
[[category:Ajax]]