编码横向模式：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。您可以在设备上显示页面，但可以通过笔记本电脑或台式计算机检查元素。此选项是免费的，但您需要创建一个Adobe ID。