天天看點

關于DOM Explorer插件的功能和問題

    不知道從什麼時候開始,微軟做事情總是要比别人慢上一拍,而且常常還需要别人來push他。從google的search到msn的search,從google的map到msn的map,再從firefox紅火到IE7項目的"被迫"啟動;其實這些東西對微軟來說,也都不是一蹴而就的事情,可是微軟就是要比别人慢半拍才過瘾。這不,當大家都說firefox可以友善的檢視Web頁面的DOM時,微軟馬上又收拾收拾給我們弄了個DOM Explorer出來。

    在Firefox中察看Web頁面的DOM結構,我們使用的是一個叫DOM Inspector的插件,如下圖:

關于DOM Explorer插件的功能和問題

    微軟慢半拍給我們弄出的IE插件叫DOM Explorer,其運作效果如下圖(Pinned View):

關于DOM Explorer插件的功能和問題

    雖然微軟慢半拍,但是不得不承認DOM Explorer用起來确實比DOM Inspector要順手些。在主要功能上兩個插件沒有本質的差別,隻有細節上的差異,隻是DOM Explorer不提供DOM Inspector支援的JavaScript Object浏覽功能。

    DOM Explorer主要的功能有:

    Explore and modify the document object model (DOM) of a Web page.

    Locate and select specific elements on a Web page through a variety of techniques.

    Selectively disable Internet Explorer settings.

    View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.

    Outline tables, table cells, images, or selected tags.

    Validate HTML, CSS, WAI, and RSS Web feed links.

    Display image dimensions, file sizes, path information, and alternate (ALT) text.

    Immediately resize the browser window to a new resolution.

    Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.

    Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.

    Display a fully featured design ruler to help accurately align objects on your pages.

    從我的使用來看,DOM Explorer主要有以下不足和問題(當然這個插件還是beta版):

    1、在使用Outline功能時,不能記錄自定義的标簽和色彩映射的設定,關閉浏覽器下次開啟,設定就都還原成default的了;

    2、Outline功能效率不高,特别是highlight表格的Cell邊框時,如果頁面中的Cell稍多,将有很長時間IE如當機似的等待;

    3、不能察看模态視窗内的DOM結構,雖然DOM Explorer預設是Pinned在IE裡的(如上圖),不過即使我們把DOM Explorer視窗Unpin後,還是不能察看模态視窗内的DOM;

    4、在有架構的頁面中,使用Outline功能顯示元素邊框時,會帶來莫名其妙的混亂;

    5、DOM Explorer不能浏覽跨域IFrame頁面内的DOM結構,類似腳本不能垮域通路頁面内容一樣,不過在這裡不能通路卻有些莫名其妙,因為安全性根本不是這時的問題;

    6、Find菜單中的Find Next條目無快捷鍵,這樣一來當被Find的内容比較多時,每次要從菜單裡去選Find Next條目,極大的降低了該功能的可用性;

    7、中間元素屬性視窗中的R/O屬性不能複制,比如SPAN的InnerHTML、OuterHTML,是隻能看不能複制的,如果想Copy出來,隻能幹瞪眼;

    8、Image Report & View Cookie不能選擇Encoding,而如果頁面中有中文内容,這兩個頁面内的中文都是亂碼的說。

    一口氣居然給這個小小的插件列了八個問題和不足,不過不要被我吓倒了,讓你覺得這個東西就像個垃圾似的。實際上DOM Explorer還是給我們調試Web頁面帶來了很大的友善的,值得一用。

繼續閱讀