如何测试本地存储的网页？

Question

我的HTML页面存储在我的Mac上。我已经购买了域名和托管服务。有一种方法可以测试这些本地网页，以便我可以看到它们如何在不同的设备上呈现？我听说过本地服务器通过连接到PC的USB进行测试或使用设备。是否没有更标准和统一的方法来测试它们？它可以是一切（软件，在线服务......）我对模拟器/模拟器不感兴趣。

Answer 1

创建本地服务器：Node.js和BrowserSync

我找到了一种非常简单的方法来测试保存在PC内存中的网页（在我的情况下，HTML5页面），以便我们可以直接在所有不同的设备上测试它们，而无需使用模拟器/模拟器。 解决方案是使用两个完全免费的工具创建本地服务器： Node.js 和 BrowserSync 。在写这个答案之前，我自己尝试了这个解决方案，我对结果完全满意！您可以在JavaScript Kit找到此答案的来源。

这是您的主要步骤：

1. 安装Node.js（验证终端是否使用node- v命令正确安装了Node.js）;
2. 直接从终端使用npm install -g browser-sync安装BrowserSync。请注意，您需要 root权限（我只是使用sudo npm install -g browser-sync）;

3. 运行BrowserSync：

   • 使用命令行导航到目标目录（包含用于创建网站的静态文件的目录，即HTML（和CSS）文件）（举个例子，它可以是cd folderA/folderB）;
   • 使用browser-sync start --server在该目录中创建本地服务器。

这些是主要步骤，但您可以直接从原始来源读取解决方案，之前我连接了一些行。

Answer 2

如果您只有html和/或Javascript代码：

• 用浏览器打开它就足够了

如果你有PHP代码：

• 安装本地Web服务器（例如：Apache）

如果你有MySQL代码：

• 安装MySQL服务器

通常，安装Mamp（或Android / iOS的等效产品）足以完成所有基本操作。它将为您提供SQL和PHP服务器 希望它能帮到你