强烈推荐！教你测试手机网页的五大方法优设网

在不久的将来，移动端会让桌面端的设备黯然失色。

在移动终端上进行网页测试有很多不同的方法，但是这些方法良莠不齐。以下提供5种不同的测试手机版网页的思路供你参考：

如果这样的测试套件超过了你的预算的话，那么你至少还可以拿自己和周围朋友的手机来进行测试，一般而言，能覆盖iOS和Android平台就够了。

iOS模拟器内置在Xcode当中，iOS开发者可以轻易调用。而Android模拟器则包含在AndroidSDK中，三大平台上都有。目前甚至还有第三方的独立的模拟器可以供你使用，不过是否能达到原生模拟器的效果，还需要你根据实际产品来进行判断。

如果你没有足够的设备，也不想安装巨大的SDK套件然后调用模拟器来进行测试的话，仍然有办法可以帮你解决问题。BrowserStack就是这样的一种网络服务，它可以帮你测试网页在桌面端和手机端的浏览效果，方便专业的web开发者。

目前，BrowserStack提供的完整服务是收费的，它的免费部分是帮你进行测试并截图保存。当你付费之后，你测试网页在不同设备上的浏览效果的时候还可以进行交互，掌控更多的细节。即使你拥有整套测试套件，BrowserStack服务仍然能帮你发现更多容易忽略的细节。

你只需要进入Responsinator网站，输入你要测试的网页的URL，它就会产生实时的预览，这些预览中包含了目前主流的硬件设备的预览效果图。坦率的说，它更接近于对网页进行一个大概的“健康检查”，非常有帮助，但说无法解决所有的问题。严格意义上来将，所有的类似服务都无法达到模拟器的效果，就更不用说实际设备测试了，因为本质上来说，类似Responsinator这样的服务还是基于你的桌面端浏览器，这与你的移动端浏览器以及它的模拟器有着本质上的差别。

正如4中所说，这些第三方服务本质上就是调整浏览器尺寸，然后显示调整后的网页渲染效果。所以，很多开发者会直接调整浏览器尺寸来测试这些响应式的移动端网页。如此一来，你可以一边写代码一边测试，也不错。但是这种方法从本质上来说算不得“移动端测试”，它只是更方便用来测试网页的响应是否正确，甚至无法与上述的四种“方法”相提并论。同4一样，浏览器的差异是这种机制的致命缺陷。

因为开发周期、环境等实际情况的差异，开发者会选择不同的的方法来测试手机端网页。以上5种方式并不是全部，实际开发者所用的方法远不止这5种。如果你还有其他的测试方法，请浏览告诉我们吧！