SuperPreview會(huì)調(diào)用ASP.NET或者PHP來渲染網(wǎng)頁(yè)
SuperPreview調(diào)用ASP.NET或者PHP來渲染網(wǎng)頁(yè)
SuperPreview是一個(gè)用來觀察網(wǎng)頁(yè)在不同的瀏覽器中的顯示效果，并幫助檢測(cè)發(fā)生顯示異常的原因的工具軟件。我們意識(shí)到客戶有權(quán)選擇他們喜歡的瀏覽器 – 網(wǎng)頁(yè)設(shè)計(jì)師也同樣如此。但是，同一個(gè)網(wǎng)頁(yè)在不同瀏覽器中的渲染效果往往并不完全一致的。所以，測(cè)試網(wǎng)頁(yè)在不同的瀏覽器中的顯示效果，可以用來保證兼容性和設(shè)計(jì)的保真度，這是非常重要的。SuperPreview調(diào)用ASP.NET或者PHP來渲染網(wǎng)頁(yè)。
SuperPreview可以顯示一個(gè)網(wǎng)頁(yè)在不同的瀏覽器中撞在后所看到的效果。包括IE6、IE7、IE8 和Firefox 3。你可以把網(wǎng)頁(yè)并排放著看，或者可以覆蓋著看，并且可以利用尺子，向?qū)Ш涂s放工具條來精確地定位網(wǎng)頁(yè)布局的不同點(diǎn)。你甚至可以把頁(yè)面覆蓋在 Photoshop圖片上來驗(yàn)證該頁(yè)面在視覺上跟原圖接近與否。下面，你可以看到Firefox 3 和IE6所產(chǎn)生的非常小的渲染效果的區(qū)別是怎么影響到你的網(wǎng)頁(yè)看上去的效果的。
現(xiàn)在你可以通過查看HTML的Document Object Model (DOM)來看到在每一個(gè)瀏覽器中你的頁(yè)面。當(dāng)你點(diǎn)擊任何渲染中的視覺元素時(shí)，他們會(huì)在DOM中顯示被選中。
當(dāng)你選擇一個(gè)HTML的元素，Expression Web也會(huì)顯示一個(gè)小的提示。比如大小，到左邊的距離以及到頂端的距離。當(dāng)這些數(shù)值跟它們的設(shè)定值不一樣的時(shí)候，這些不同會(huì)被突出顯示。在下面這個(gè)例子里，左邊距離、頂端距離和高度值由于有差異而用被紅色的字體高亮顯示。
你可能會(huì)經(jīng)常想要在不同的分辨率下來預(yù)覽你的網(wǎng)頁(yè)，保證你的客戶在每一種屏幕顯示率下都得到同樣好的用戶體驗(yàn)。你可以選擇目前的瀏覽器渲染分辨率，或者利用瀏覽器的size選項(xiàng)任意輸入一個(gè)分辨率。
***，如果你在開發(fā)一個(gè)ASP.NET或者PHP網(wǎng)頁(yè)應(yīng)用，你要預(yù)覽一個(gè)ASP.NET或者PHP文件，SuperPreview調(diào)用一個(gè)ASP.NET或者PHP來渲染網(wǎng)頁(yè)。顯示這個(gè)頁(yè)面在不同的瀏覽器中應(yīng)該具有的顯示效果。
【編輯推薦】
