响应式网页设计工具

Question

我正在开发一个网站，现在我必须将他用于桌面，智能手机等... 我已经找到了一些测试css媒体查询的工具，比如responsinator，有些东西它很好，但它看起来并不像真正的智能手机上的一些测试告诉我的那样。 但是，由于我没有太多的机会在真实设备上测试网站，这里的任何人都可以告诉我一些我可以做这个测试的网站吗？您曾经使用过的网站并对它们感到满意吗？

提前致谢！

Answer 1

如果您在Firefox上安装web developer toolbar插件，可以查看“调整大小”菜单

并选择最后一项“查看响应式布局”。将出现一个包含以下移动/小型设备分辨率的新页面

• 小320x480
• 600×800
• 1024×768

纵向和横向。当然，这不是“真实测试”的有效替代方案，但它可以用于第一次检查以解决主要问题。

Answer 2

Opera Mobile Emulator

Opera Mini Simulator

Android Emulator

Blackberry Simulators

Chrome Developer Tools中的覆盖用户代理选项。

还有更多mobile emulators and simulators。