Responsinator - 帮助用户预览目标网站在移动设备上的效果

Responsinator 是一个在线工具，可以帮助用户预览目标网站在移动设备上的效果。用户无需注册，只需要在网站首页左上角的“Enter your site”中输入域名，然后回车即可看到该网站在各个设备及尺寸上的效果。这个工具集合了包括 iPhone、Android、iPad、Kindle 在内的多种模拟器，方便开发者、前端设计师以及站长在其上真实预览，测试手机版网站在每个移动设备上的效果。

此外，Responsinator 还是一个 Chrome 扩展工具，可以更方便地检查任何网站的响应能力。只需单击 Responsinator chrome 扩展工具栏图标，就可以打开一个包含响应器工具的弹出窗口，输入要检查响应的网站 URL，然后按 Enter 即可。这个工具可以让你从可用设备列表中选择设备，将视图更改为横向模式，在自定义分辨率下进行测试，还可以测试本地托管的网站。

总的来说，Responsinator 可以帮助用户轻松便捷地预览和测试网站在移动设备上的效果，并且可以检查网站的响应能力，是一款实用的在线工具。

它是为网站制造商准备的

Responinator帮助网站制造商快速了解他们的响应网站在最受欢迎的设备上的外观。它并没有精确地复制它的外观，因为准确的测试总是在真实的设备上进行测试。

我们建议在OSX 10.7+上使用Chrome浏览器，滚动条设置为“滚动时”（系统首选项›常规›显示滚动条›“滚动时）。这意味着设备宽度不受滚动条的影响。

专业提示：append&scroll=ext将滚动条移动到设备框架之外。

什么是响应式设计？

这意味着设计你的网站以适应用户的观看环境（手机、平板电脑、笔记本电脑等）。它通过使用媒体查询和其他巧妙的技术来实现这一点。伊桑·马科特写了一篇关于它的原创文章，还有一本非常方便的书。