编码横向模式：iOS 模拟器是否有检查器？

Question

我正在编写一个完全响应的跨浏览器网站。我已经编写了纵向模式，我检查更改和修改我的 CSS 文件所做的是将我的 Chrome 浏览器扩展到我在浏览器和 iOS 模拟器上看到相同内容的程度。通过这种方式，我可以计算出每一个更改并编辑我的 CSS 文件。我现在需要在横向模式下做同样的事情，但我找不到使用可以模拟横向模式的检查器的方法。

我有 Chrome、Firefox、Safari 和 IE，我愿意使用任何工具来检查模拟横向模式的网页，不仅包括普通平板电脑和手机，还包括支持 Retina 的设备。

Answer 1

这是一个非常酷的插件。 http://lab.maltewassermann.com/viewport-resizer/

您可以在任何浏览器上使用它。将“单击或添加书签”按钮拖到书签栏上，然后在要更改其视图大小的任何页面上单击它。

这是您要拖动到书签栏的按钮的图像：

这是它添加的工具栏的图像。

我最喜欢使用的工具是http://www.browserstack.com/。这不是免费的，但非常值得。

第三个选项是Adobe Edge Inspect。您可以在设备上直接显示页面，但通过笔记本电脑或台式计算机检查元素。此选项是免费的，但您需要创建一个 Adob​​e ID。