微軟官方網站線上相容測試平台-Browser screenshots

標籤：安裝   分享   sof   部落格   target   lan   配置   線上工具   平台   

　　前端開發時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好儘力維持讓每一種裝置都能正常瀏覽網頁。修改到完全沒有問題必須投入不少時間，安裝多系統可以解決這個問題(土豪可以配置多台機器)，但是非常的麻煩繁瑣，特別是不同版本的ie瀏覽器 。微軟作為ie和windows的開發當然也知道這個問題，所以也在做這方面的工作，推出了Browser screenshots只要輸入網址就能建立在不同瀏覽器螢幕的截取畫面;

　　Browser Screenshots是一個線上工具，能夠快速建立一個網頁在不同作業系統、瀏覽器甚至是裝置上的畫面，方便開發人員在開發網站或服務時找出問題，注意這裡是給出，不是可以點擊跳轉的視窗，可以看出是一個快照;Browser Screenshots 用法非常簡單，只要開啟網站、輸入網址，就能自動為你截取不同瀏覽器上呈現的網頁效果。支援平台包括 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