最近微軟隆重推出了 IE8,在瀏覽器本身好不好用就見仁見智了,不過 IE8 內建的開發者工具,可是在許多網頁開發輔助工具之中難得一見的好物喔。

用戶插入圖片
◆ 只要在 IE8 瀏覽的頁面上按下 F12,開發者工具就會啟動了

它具備了所有網頁開發輔助工具的優點,可解析網頁內容,可清除快取,可隨瀏覽器轉換內容,還附帶了尺規、色彩選擇器,能變更瀏覽視窗尺寸,可對網頁標準作驗證,對一個網頁開發輔助工具而言,該有的功能一樣也少不了。

用戶插入圖片
◆ 網頁內容尋找模式

在網頁內容尋找模式中(開發者工具按 Ctrl + B),點選網頁內容一下,在 IE8 開發者工具中,左方顯示了該內容的原始碼位置,而右方則列出了影響的 CSS,並將重覆的 CSS 用紅線刪除,這麼一來不僅是 HTML,連 CSS 都可以 debug 了。

用戶插入圖片
◆ CSS 格式設定表,性質相近的 CSS 語法也可以分層管理

若你是一位網頁開發者,相信善用 IE8 開發者工具能讓你更節省工時,而達到如虎添翼的效果。唯一的問題在於,它不能脫離 IE8 單獨使用。

相關連結:Windows Internet Explorer 8
2009/03/22 12:32 2009/03/22 12:32
2009/03/22 12:32 

Trackback Address :: http://blog.raienet.com/trackback/428


[◀ PREV][1]... [15][16][17][18][19][20][21][22][23]... [407][NEXT ▶]