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

How can I test my locally stored webpages?

我的 HTML 页面本地存储在我的 Mac 上。我已经购买了域名和托管服务。有一种方法可以测试这些本地网页,以便我可以看到它们在不同设备上的呈现方式吗?我听说过用于测试或通过连接到 PC 的 USB 使用设备的本地服务器。难道没有更标准统一的方式来测试它们吗?它可以是所有东西(软件、在线服务……)我对 emulators/simulators 不感兴趣。

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

我找到了一种非常简单的方法来测试保存在 PC 内存中的网页(在我的例子中是 HTML5 页),这样我们就可以直接在所有可用的不同设备上测试它们,而无需使用simulators/emulators。 解决方案是使用两个完全免费的工具创建 本地服务器Node.jsBrowserSync.在写这个答案之前,我自己尝试了这个解决方案,我对结果非常满意!您可以在 JavaScript Kit 找到此答案的来源。

这是主要步骤:

  1. 安装 Node.js(使用终端中的 node- v 命令验证 Node.js 是否正确安装);
  2. 直接从终端使用 npm install -g browser-sync 安装 BrowserSync。注意你需要 root 权限(我只是使用 sudo npm install -g browser-sync);
  3. 运行 浏览器同步:

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

这些是主要步骤,但您可以直接从我之前链接的一些行的原始来源中阅读解决方案。

如果您只有htmland/orJavascript代码:

  • 用浏览器打开就可以了

如果您有PHP代码:

  • 安装本地网络服务器(例如:Apache)

如果您有MySQL代码:

  • 安装 MySQL 服务器

通常,安装 Mamp(或 Android/iOS 的等效项)足以完成所有基本操作。它将为您提供 SQL 和 PHP 服务器 希望对你有帮助