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

我正在编写一个完全响应的跨浏览器网站。我已经编写了肖像模式代码，我所做的检查更改和修改我的CSS文件的工作是将我的Chrome浏览器放大到一个点，在我的浏览器和iOS模拟器上看到了相同的东西。这样我就可以计算出每一个更改并编辑我的CSS文件。我现在需要在横向模式上做同样的事情，但是我找不到一种方法来使用一个可以模拟横向模式的检查器

---

我有Chrome、Firefox、Safari和IE，我对任何工具都持开放态度，这些工具可以让我查看网页，不仅是普通平板电脑和手机，还可以查看支持视网膜的设备。

这是一个非常酷的插件。

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

以下是要拖动到书签栏的按钮的图像：

下面是它添加的工具栏的图像。

我最喜欢的工具是。这不是免费的，但很值得

---

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

一旦我进入网站并选择了一个特定的设置，我应该将需要模拟的网页放在哪里？将书签添加到工具栏后，您只需查看要测试的页面，然后单击resizer书签。然后，它将调整您正在查看的网站的大小，并在顶部添加一个菜单栏。@Streck，我刚刚浏览了每一个菜单栏，但我仍然无法在retina revice上以横向模式查看我的网页。我可以在browserstack提供的虚拟机中查看它是如何呈现的，但软件不允许我检查元素（我需要什么来加快编码速度）。我现在正在做的是每次修改和重新加载我的iOS模拟器，以查看变化的进展，但这比我预期的要多。我在我的答案>Adobe Edge Inspect中添加了第三个选项。您需要在计算机和平板电脑上安装它。此外，DPI在web开发中并不重要。将“视口元宽度”设置为“设备宽度”。像这样的@Gonpires，我的回答解决了你的问题吗？如果是，请接受它作为正确答案