微軟官方最新的網(wǎng)站線上測試工具（支持IE全系列）

開發(fā)網(wǎng)站時最不想做的就是在不同瀏覽器、平臺和分辨率測試網(wǎng)頁顯示效果，通常這會浮現(xiàn)許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好盡力維持讓每一種設(shè)備都能正常瀏覽網(wǎng)頁。修改到完全沒有問題必須投入不少時間，我習(xí)慣在計算機上安裝不同版本的操作系統(tǒng)進行測試，但遇到 IE 就沒輒了，除非你安裝 XP 或更早的版本才能測試不同的 IE 。如果你覺得這么做很麻煩，現(xiàn)在只要輸入網(wǎng)址就能建立在不同瀏覽器屏幕的截取畫面。

以往我并沒有介紹過太多類似的服務(wù)，因為大部分服務(wù)都不是免費的，即使免費，效果跟操作上也不是那么理想。直到最近微軟終于推出了一款名為「Browser Screenshots」在線工具，能夠為你快速建立一個網(wǎng)頁在不同操作系統(tǒng)、瀏覽器甚至是設(shè)備上的畫面截圖，方便開發(fā)者在開發(fā)網(wǎng)站或服務(wù)時找出問題。

Browser Screenshots 用法非常簡單，只要開啟網(wǎng)站、輸入網(wǎng)址，就能自動為你截取不同瀏覽器上呈現(xiàn)的網(wǎng)頁效果。支持平臺包括 Windows（IE、Chrome、Firefox、Opera）、OS X（Safari）以及 IE 6、IE 7、IE 8、IE 9 和 IE 10！還有在 Google Nexus、iPhone 及 iPad Air 測試效果。

Browser Screenshots

STEP 1

開啟 Microsoft Edge Dev 的「瀏覽器屏幕快照」功能，在網(wǎng)頁內(nèi)輸入要截取的頁面網(wǎng)址，然后按下右邊圖示。

STEP 2

Browser Screenshots 速度不是很快，需要等待一段時間，每個平臺的截圖畫面才會出現(xiàn)。如果你想檢視大圖，把光標(biāo)移動到截圖上點選放大，比較值得一提的是這項服務(wù)建立的截圖是整個頁面由上到下的完整范圍，不是只有可視區(qū)域而已。

STEP 3

另外，Browser Screenshots 工具對于中文網(wǎng)站的處理能力很好，可以正常顯示網(wǎng)頁內(nèi)的所有中文內(nèi)容，不像一些測試平臺可能遇到中文會無法顯示，不得不說確實是個蠻棒的開發(fā)工具！如果你在開發(fā)網(wǎng)站或服務(wù)時，想知道在其他平臺設(shè)備上的顯示效果，可以試試看用它來測試。

值得一試的三個理由：

1. 免安裝軟件，輸入網(wǎng)址就能在線抓取網(wǎng)頁截圖畫面
2. 支持 Windows、Mac 多種常用瀏覽器，也能截取設(shè)備效果
3. 可以一次抓取 IE 6 – IE 10 的所有顯示畫面，非常強大

【優(yōu)設(shè)酷站22連發(fā)！】

1. 免費圖庫+導(dǎo)航收集站：《酷站兩連發(fā)！高品質(zhì)免費圖庫站+專注WEB/APP導(dǎo)航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網(wǎng)站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網(wǎng)站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網(wǎng)站+免費美女素材特供網(wǎng)站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網(wǎng)站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進制顏色網(wǎng)站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com