簡介 IE9 開發者工具新增的幾項好功能
- 2011-02-25
- 13923
- 0
- 版本
- 9
IE9 終於 RC 了,相信很多朋友都有安裝使用,如果你是一個網頁開發者或是設計師應該對於市面上各種 Developer Tool 都很熟悉如 Firefox 的 Firebug、Chrome 內建的開發人員工具,但是對於 IE 一直沒有一套好用的 Developer Tool,因此對於 有些一定要使用 IE 來偵錯的頁面感到十分不便,雖然說 IE 8 的時候就已經內建了 Developer Tool 但有些功能還不是很順,也缺少了一些經常需要使用的功能,不過這次的 IE 9 出現後讓我對於 IE 內建的 Developer Tool 大幅改觀,demo 就來介紹一下幾個我覺得在 IE9 版本才加入而且十分好用的功能。
此次版本的【工具】增加了不少東西
其中以【變更使用者代理字串】讓我最心動
可以看到內建了多種的 User-Agent (使用者代理字串)甚至還有【自訂】
什麼是使用者代理字串(User-Agent)?這是一種網站交換資料的時候放在Http Head中的資訊,告訴網站主機你是什麼瀏覽器、作業系統等等資訊用的標籤,那改變這有什麼好處?平和一點的用法就是現今有一些只允許 手機 流覽的網站你可以藉由修改 User-Agent 讓它以為你是手機,對於偵錯或是參考對方的寫法有很大的幫助。
此次版本中對於指令碼的支援度更高了,在 IE8 中我就很推薦使用 IE8 來做 javascript 的偵錯,在 IE 9 他又更上了一層樓,現在大多數網站為了要降低傳送的資料量都會對 javascript 做最小化的動作所以在偵錯的時候就會這看這種很討厭的 javascript
不過好在你使用的是 IE 9 依據下圖的順序點選
排版美觀的 javascript 就出現在你眼前了
很多朋友以為對 javascript minified 就可以加密 javascript,但是我一直都說:「別無聊了這種東西藏不住的」,還原排版的工具一堆!就算你編碼也沒用因為瀏覽器看的到就表示已經在客戶的電腦內了,所以要導正一下觀念與想法對 javascript minified 是為了縮小傳遞的資料優化流覽呈現的速度。
再來的這個功能就是在 IE 8 中被我罵死的功能,網頁開發者很經常性的需要查看網路封包,Firefox 中的 Firebug 可以很方便的看到這類資訊,在使用 IE8的時候卻還要去裝 Fiddler 或是 HttpWatch 等工具才看的到,好在 IE 9 也把這功能納入了
按下開始擷取後重新讀取網站
不過如果想看更詳細需要點兩下才能看到
這方面就是我覺得還需要改善的太多層有時候是很不方便使用的
以上就是在 IE 9 的時候對於 開發人員工具所增加而 demo 覺得相當實用的功能,IE 9 都已經 RC 了
- 如果你 IE 8 用的很順手那就一定要升級
- 如果你 IE 7 已經習慣了那就直升 IE9
- 如果你還在用 IE6 那拜託你快換掉十年前的產品吧
回應討論