我该如何在移动设备上查看我的ASP.net网站？

Question

我正在开发ASP.Net应用程序，稍后将上传/托管它。我一直在思考或想知道如何在手机或任何移动设备上访问我的网站，因为这是现今的首选。

这是我第一次想要能够在移动设备上访问我的应用程序，就像您可以使用移动设备检查/查看的任何网站一样。

有人能指导我如何做到这一点，或者有任何教程可以帮助我吗？

- prosts

---

Asp.net是一种运行在Internet Information Server上的Web技术。您是否已安装它并且您的移动设备能够加入到您的本地（wlan）网络中？ - Reporter

目前我正在测试模式下运行我的应用程序，使用本地主机。我想知道需要什么才能使其正常工作。 - prosts

将您的移动设备放入您的局域网中，然后在移动设备的浏览器地址栏中键入http://<主机计算机的IP地址>/<网站名称>。 - Reporter

Answer 1

如果您的开发机器上已经安装了IIS，您可以将项目发布到IIS。然后，您应该能够通过在URL中指定您的计算机名称和端口号来访问您的网站。您的手机/平板电脑必须与您的计算机处于同一网络上，以便它可以在本地找到它。

MyComputer:9000/

看一下这个教程

使用Visual Studio部署ASP.NET Web应用程序：部署到测试环境

另外提醒

如果你使用Google Chrome浏览器，你可以模拟移动设备上的网站。其他浏览器也可能提供此功能。

请参阅以下教程

设备模式和移动设备仿真

- John Cooling

---

在移动设备上模拟网站并不能完全成功，因为真实设备测试的一部分是检查JavaScript代码，而桌面浏览器无法做到这一点。 - Esam A Kanadily

Answer 2

在您的母版页中添加类似以下内容的代码：

<meta content="width=device-width, initial-scale=1" name="viewport" />

- Ziad Adnan

Answer 3

Firefox拥有响应式设计模式。

启用响应式设计模式后，网页的内容区域将设置为特定设备的屏幕大小。

最初，它被设置为320 x 480像素。

有三种切换响应式设计模式的方式：

• 从Firefox菜单中选择“Web开发者”子菜单中的“响应式设计模式”（如果您显示菜单栏或在OS X上，则从“工具”菜单中选择）。
• 从开发者工具箱中：在工具箱的工具栏中按下“响应式设计模式”按钮
• 使用键盘：按Ctrl + Shift + M（或在OS X上按Cmd + Opt + M）。

有关详细信息，请参见Firefox中的响应式设计。

- M.Hassan

---

在移动设备上模拟网站并不能完全达到100%的效果。这是因为真实设备测试的一部分是检查JavaScript，而桌面浏览器无法完成此项任务。 - Esam A Kanadily