“别再拖拽拉扯那个浏览器了，你快把它弄坏了！”这样的话你听过多少次了？好吧，可能不是特别多，但如果你在开发响应式设计的网站，你就知道这意味着什么了：每一次编辑DOM和CSS之后，你都要拽着浏览器的边缘拉拉扯扯，来测试你的编辑结果以及检查是否有什么东西故障了。
（补充：CSS 就是被这样玩烂了！！！ 图由@老码农的自留地 推荐） 归根结底，大部分的努力都是为了适应不同设备的屏幕尺寸。 如果你给公司做开发，公司可能会给出各种各样的设备来测试。在我自己工作的地方，我们就用到了iPad，iPod和其他一两个平板电脑，笔记本或者台式机。如果没那么奢侈，那就只好用手边的设备来测试了。 在我家里，我们有两个不同的笔记本，两个不同的安卓设备，一个Kindle和一个Nexus 7。这些都是我曾用来测试我自由开发项目的设备，不过，这显然不能算是一个面面俱到的组合。首先，这里面根本就没有iOS设备，其次虽然我是一个早期采用者，（译者注：最先采用新科技的人。）我也没打算买任何新的冲击市场的手机或者平板设备。 因此，作为开发者应该怎么办呢？幸好，现在有许多基于浏览器的工具能够模拟多种设备的屏幕尺寸，其数量还在不断增长。当然，不同的工具有不同的特性和不同级别的功能。在此我们将会讨论其中几个。 出于测试的需要，我使用我自己写的第一个真正的响应式网站，PajamasOnYourFeet.com。这个网站基于Brownie HTML5 template，对EGrappler上的开发者社区，它十分慷慨的提供免费支持。
Am I Responsive?Am I Responsive?是一个如此简单的即时视图，它提供四种不同的设备来显示你的网站。四种设备都是iOS系统的，开发者解释说这正是这个网站所关注的。网站没有提供控制和选择，这只是一个简单、优雅的展现方式。 视区大小有：
引用一下这位开发者的所言，”这不是一个用来测试的工具，在真实的设备上测试是相当重要的。事实上对我来说，这是一个用于快速抓屏，或者在用户会议上让人们从视觉上了解到你的意图的工具。” 它有两个非常好的特性：能够抓起”设备“并放在屏幕上的任意地方，以及能够将你的测试网站嵌入一个可分享的链接中。在火狐中，至少在现在测试网站的结构下，iPone上的侧边滚动栏不会显示，而在IE和Chrome中则会显示。
|
