[Tool]Microsoft Expression Web 3 SuperPreview

[Tool]Microsoft Expression Web 3 SuperPreview

這是一個有趣的工具,可以讓我們同時檢視IE6、IE8、IE8相容性檢視下的網頁呈現狀況,工具的載點在:

Microsoft Expression Web SuperPreview for Windows Internet Explorer

廢話不多說,直接來看看這工具的畫面吧,安裝好之後啟動畫看到如下圖,可以選擇IE6、IE8-->7、IE8三種,

image

我們將上圖做局部放大:

image

我在左邊選擇IE6的檢視結果,在右邊選擇IE8的檢視結果:

image

在上方的Location輸入網址,連線到博客來的首頁,按下Enter後下方開始進行連線,但由於這個工具做的並不是單純的URL Connect,而是會去分析這個網頁的DOM Tree,所以當網頁內容較複雜時會需要比較長的時間:

image

分析完後我們點選畫面上的『書籍』頁籤,我們會發現在兩個版本的IE中,其Render出來的位置不大相同,而差異處它會在視窗的左下角幫你顯示出來,挺貼心的:

image

如果嫌不夠清楚,可以點選上方工具列中的image (Lights Out Highlight Mode)做關燈動作,就會看到下圖這樣的結果囉:

image

如果想要把兩個網頁疊在一起看也沒問題喔,請按下工具列的image (Overlay Layout),就可以看到下圖這樣的結果囉:

image

由於此工具如我們前頭所說,它是解析DOM Tree,並產生以上兩個畫面,因此以上的畫面只是個單純的View,並沒有事件可供觸發,你多按一下他也不會有事件出現的。

游舒帆 (gipi)

探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。