用于硬盘驱动器上 html 文件的移动/电话模拟器？答案

【问题标题】：mobile/phone emulator for html files on hard drive?用于硬盘驱动器上 html 文件的移动/电话模拟器？
【发布时间】：2014-07-09 05:56:00
【问题描述】：

我有一个建立在我的硬盘上的网站，它还没有在网络上。我想在上传到网络之前检查如何在各种移动设备上显示。我已经下载了一些模拟器，但它们似乎只是“指向”一个网站，我无法让它们在我的硬盘上显示一个 html 文件。任何帮助或指示？在帮助朋友的同时，我是网站开发和学习的新手。

【问题讨论】：

Google Chrome 可以模拟移动设备。只需使用 Ctrl-Shift-I 打开开发人员工具，然后选择 Emulation 选项卡（控制台和搜索旁边）。您可以选择 iPhone、Galaxy、Xperias、Kindle、Crackberry 等。没有安装网络服务器和使用实际设备，这似乎是我能想到的最简单的选择。

标签： html mobile emulation

【解决方案1】：

在硬盘上运行网站：

要在您的计算机上运行网站，您需要有一个网络服务器，您应该下载其中一个 mamp, xampp, wamp.

然后把你的网站放到web服务器软件根目录下。

手机版：

Adobe Dreamweaver 为希望通过移动设备查看网站的网页设计师提供了更多帮助

http://www.htmlgoodies.com/beyond/webmaster/toolbox/how-to-build-a-native-mobile-application-in-dreamweaver-cs5.5.html

adobe 移动模拟器就像移动设备一样工作，您无需上传您的网站，只需使用 adobe Dreamweaver 移动模拟器进行测试即可

其他移动版本：

如果你打算用你的浏览器火狐来做，你可以按ctrl+shift+m

【讨论】：

我会澄清的。我有一堆 .html 文件，它们都相互链接，并且有各种信息。当我点击它们时，它就像浏览器中的网站一样。所以，对我来说，这是非技术意义上的“在我的硬盘上拥有一个网站”。我想做同样的事情，但使用的浏览器可以模仿在移动设备上查看 .html 文件的方式。
@SethMyers Dreamweaver 是真正的移动版，如果您使用 Dreamweaver 移动模拟器浏览 Google，Google 无法检测到您正在使用计算机浏览并为您设置移动版。

【解决方案2】：

嘿，如果你的手机和带硬盘的电脑在同一个wifi网络，我会这样做：

安装XAMPP。它是一个非常易于使用的、用于开发的预配置 Web 服务器。安装完成后，在xampp安装文件夹的“htdocs”文件夹中为你的网站创建一个文件夹（例如：“mywebsite”）。

打开 Xampp 并启动 apache 网络服务器。现在，当您在浏览器中输入“localhost/mywebsite”作为 URL 时，您将看到该文件夹的内容。如果您输入“localhost/mywebsite/mysite.html”，您将看到“mysite.html”文件呈现为网站。现在，只要您的 apache 服务器正在运行，您就应该能够从网络中的任何设备访问该站点，而无需进一步配置（如端口转发或 DynDNS）。

编辑：现在，当我重读您的问题时，我发现您不想使用真实设备而是使用模拟器来测试该网站。好吧，我希望它仍然有用。

【讨论】：