开发网站时最不想做的就是在不同浏览器、平台和分辨率测试网页显示效果，通常这会浮现许多问题，尤其浏览器版本就可能让显示成效完全不同，也只好尽力维持让每一种设备都能正常浏览网页。修改到完全没有问题必须投入不少时间，我习惯在计算机上安装不同版本的操作系统进行测试，但遇到 IE 就没辄了，除非你安装 XP 或更早的版本才能测试不同的 IE 。如果你觉得这么做很麻烦，现在只要输入网址就能建立在不同浏览器屏幕的截取画面。

以往我并没有介绍过太多类似的服务，因为大部分服务都不是免费的，即使免费，效果跟操作上也不是那么理想。直到最近微软终于推出了一款名为「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 测试效果。

STEP 1

开启 Microsoft Edge Dev 的「浏览器屏幕快照」功能，在网页内输入要截取的页面网址，然后按下右边图示。

STEP 2

Browser Screenshots 速度不是很快，需要等待一段时间，每个平台的截图画面才会出现。如果你想检视大图，把光标移动到截图上点选放大，比较值得一提的是这项服务建立的截图是整个页面由上到下的完整范围，不是只有可视区域而已。

STEP 3

另外，Browser Screenshots 工具对于中文网站的处理能力很好，可以正常显示网页内的所有中文内容，不像一些测试平台可能遇到中文会无法显示，不得不说确实是个蛮棒的开发工具！如果你在开发网站或服务时，想知道在其他平台设备上的显示效果，可以试试看用它来测试。

值得一试的三个理由：

免安装软件，输入网址就能在线抓取网页截图画面

支持 Windows、Mac 多种常用浏览器，也能截取设备效果

可以一次抓取 IE 6 – IE 10 的所有显示画面，非常强大