deviceponsivedeviceponsive与Am I Responsive?非常相似，它们都简单明了的展示了你的网站，而且对设备而言，都没有可见的控制和选项。所有设备在一页长网页上同时显示。你能够通过改变背景颜色和嵌入你自己的logo来定制这个网站的页眉，之后截屏分享出去，这十分有趣。从某种方式来说，当你向顾客分享你的截屏的时候，也就帮这个网站打了广告。 该网站所提供设备及其屏幕大小： Macbook——1280×800 iPad portrait——768×1024 iPad landscape——1024×768 Kindle portrait——600×1024 Kindle landscape——1024×600 iPhone portrait——320×480 iPhone landscape——480×320 Galasy portrait——240×320 * Galaxy landscape——320×240 使用这些工具时，大部分情况下，滑动条会在较小的设备上显示。然而在实际的设备上，滑动条不会显示。不过为了测试试图能在不支持触控的设备上也能滑动，必须要做出一些让步。
responsive test跟deviceponsive一样，responsive test用各种不同的设备显示你的网页。不过，跟deviceponsive将所有设备同时显示不同，它通过页面顶部一个简单的菜单来让你自己选择要显示的设备。我用一个中等大小的笔记本访问该网站，页面缩放能够正常工作，这能让我们在设备的限制框中看到整个测试网站。 这儿提供了十三种不同的视区，涵盖了从大型台式机显示器到被称为”糟糕的安卓机“（说句公道话，它们还有另外一个名字叫”更好的安卓机“）的机型。 在这个网页上，火狐又有些蹩脚。注意到这张截屏，在绿色的页眉和白色背景的内容中间只有蓝色的条带，那儿本来应该显示图像拖动条的。
responsive.js它与前面的例子非常相似，不过有两点不同，responsive.js利用流畅的动画效果来表现从一种设备到下一种的变化，再者，他用被半透明覆盖的方式表示网页在视区之外的部分。 这儿，唯一可选的设备是自动，它会填满你的浏览器窗口，效果就跟真正访问那个网站一样。台式电脑、平板电脑（水平）、平板电脑（竖直）、智能手机（水平）以及智能手机（竖直）这些显示分辨率都没有提供。
|
