如何轻松检查为MVC站点的移动版本返回的html?

时间:2013-12-05 20:50:40

标签: html asp.net-mvc visual-studio mobile

我刚刚开始使用MVC 4,并且拥有一个简单的网站,其中包含多个视图的单独桌面和移动版本。我一直使用Page Inspector或我的桌面浏览器来检查和处理从Web服务器返回的html源代码。我在iPhone / iPad模拟器中使用Electric Plum在Safari上测试我的网站(我不知道你可以从模拟器中查看html源代码)。因此,我需要一个新的浏览器,一个新的模拟器,或者使用我当前的浏览器欺骗网络服务器的方式,以便我可以轻松使用html我回到我的移动视图。有什么建议吗?

3 个答案:

答案 0 :(得分:0)

如果您有Mac:

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

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

答案 1 :(得分:0)

以下是有关如何使用Google Chrome模拟不同设备的链接。

Link

答案 2 :(得分:0)

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