如何轻松检查为我的 MVC 网站的移动版本返回的 html？

Question

我刚刚开始第一次使用 MVC 4，并且有一个简单的网站，其中包含多个视图的独立桌面和移动版本。我一直使用 Page Inspector 或我的桌面浏览器来检查和处理从网络服务器返回的 html 源代码。我正在使用 Electric Plum 在 iPhone/iPad 模拟器中的 Safari 上测试我的网站（我看不到您可以从模拟器中查看 html 源代码）。所以我需要一个新的浏览器，一个新的模拟器，或者用我当前的浏览器之一欺骗网络服务器的方法，这样我就可以轻松地处理我为移动视图返回的 html。有什么建议吗？

Answer 1

这是一个关于如何使用谷歌浏览器模拟不同设备的链接。

Link

Answer 2

如果您有 Mac：

• 在 iPhone/iPad 上的 Safari 应用上打开您的网站
• 通过 USB 连接您的 iPhone/iPad
• 在“设置”>“Safari”>“高级”中启用开发者模式
• 在笔记本电脑上打开 Safari
• 在顶部栏中，进入开发 > 电话名称 > 页面名称

Safari Web Inspector 已打开，可让您检查所有 dom 元素，甚至可以从桌面更改它们。

Answer 3

在 Firefox 中，您可以选择工具 > Web 开发人员 > 响应式设计视图 (CTRL + SHIFT + M)。