2008/01/01

好用工具:Web Developer & IE Web Developer Toolbar

推薦兩個對於網頁設計製作,很方便的檢視工具,可以安裝在瀏覽器中。

瀏覽器使用Firefox的話,推薦使用 Web Developer ,MiyaC比較更喜歡使用Firebug,因為可以即時編輯設定,確定呈現樣式後再回來改真正的設定檔。
使用IE瀏覽器,推薦使用 Internet Explorer Developer Toolbar

這兩種功能滿像,天氣太冷了,有點懶得弄詳細教學介紹,大家可以看 這裡 ,功能說明也直接引用 :P
大概的功能如下:

1. 檢視並修改網頁上的 DOM
2. 用點選的方式在瀏覽器上面選擇任何一個 元件 ( Element ) 並且察看他的屬性。
3. 關掉網頁上面的 Script / All Css 來進行測試
4. 檢視網頁上元件名稱以及詳細資訊,例如連結路徑、快速鍵 等等,讓你可以觀看與學習別人網頁的寫法。
5. 可顯示各式 Outline ,包括表格、元件、影像等等。
6. 關掉與顯示與影像相關的尺寸、檔案大小、路徑資料、替換文字等等。
7. 可設定 cache, cookies,甚至是 Cookies 的內容
8. 工具裡含有尺規、顏色挑選器,更可以更改瀏覽器之尺寸大小來看看網頁的呈現效果。
9. 最後更可以檢驗 HTML、CSS、FEED 以及 LINK 是否合乎規範


>> 點我前往FireFox用的Web Developer 安裝下載官方網站
>> 點我前往FireFox用的Firebug - Web Development Evolved 安裝下載官方網站
>> 點我前往IE用的Internet Explorer Developer Toolbar安裝下載官方網站

歡迎轉貼或引用,請以連結方式註明出處

沒有留言:

張貼留言