如何测试本地存储的网页?
How can I test my locally stored webpages?
我的 HTML 页面本地存储在我的 Mac 上。我已经购买了域名和托管服务。有一种方法可以测试这些本地网页,以便我可以看到它们在不同设备上的呈现方式吗?我听说过用于测试或通过连接到 PC 的 USB 使用设备的本地服务器。难道没有更标准统一的方式来测试它们吗?它可以是所有东西(软件、在线服务……)我对 emulators/simulators 不感兴趣。
创建本地服务器:Node.js 和 BrowserSync
我找到了一种非常简单的方法来测试保存在 PC 内存中的网页(在我的例子中是 HTML5 页),这样我们就可以直接在所有可用的不同设备上测试它们,而无需使用simulators/emulators。
解决方案是使用两个完全免费的工具创建 本地服务器:Node.js 和 BrowserSync.在写这个答案之前,我自己尝试了这个解决方案,我对结果非常满意!您可以在 JavaScript Kit 找到此答案的来源。
这是主要步骤:
- 安装 Node.js(使用终端中的
node- v
命令验证 Node.js 是否正确安装);
- 直接从终端使用
npm install -g browser-sync
安装 BrowserSync。注意你需要 root 权限(我只是使用 sudo npm install -g browser-sync
);
运行 浏览器同步:
- 导航到您的目标目录(包含用于创建网站的 static 文件的目录,即 HTML(和 CSS)文件) 使用命令行(举个例子,它可以是
cd folderA/folderB
);
- 在该目录中创建一个本地服务器,
browser-sync start --server
。
这些是主要步骤,但您可以直接从我之前链接的一些行的原始来源中阅读解决方案。
如果您只有htmland/orJavascript代码:
- 用浏览器打开就可以了
如果您有PHP代码:
- 安装本地网络服务器(例如:Apache)
如果您有MySQL代码:
- 安装 MySQL 服务器
通常,安装 Mamp(或 Android/iOS 的等效项)足以完成所有基本操作。它将为您提供 SQL 和 PHP 服务器
希望对你有帮助
我的 HTML 页面本地存储在我的 Mac 上。我已经购买了域名和托管服务。有一种方法可以测试这些本地网页,以便我可以看到它们在不同设备上的呈现方式吗?我听说过用于测试或通过连接到 PC 的 USB 使用设备的本地服务器。难道没有更标准统一的方式来测试它们吗?它可以是所有东西(软件、在线服务……)我对 emulators/simulators 不感兴趣。
创建本地服务器:Node.js 和 BrowserSync
我找到了一种非常简单的方法来测试保存在 PC 内存中的网页(在我的例子中是 HTML5 页),这样我们就可以直接在所有可用的不同设备上测试它们,而无需使用simulators/emulators。 解决方案是使用两个完全免费的工具创建 本地服务器:Node.js 和 BrowserSync.在写这个答案之前,我自己尝试了这个解决方案,我对结果非常满意!您可以在 JavaScript Kit 找到此答案的来源。
这是主要步骤:
- 安装 Node.js(使用终端中的
node- v
命令验证 Node.js 是否正确安装); - 直接从终端使用
npm install -g browser-sync
安装 BrowserSync。注意你需要 root 权限(我只是使用sudo npm install -g browser-sync
); 运行 浏览器同步:
- 导航到您的目标目录(包含用于创建网站的 static 文件的目录,即 HTML(和 CSS)文件) 使用命令行(举个例子,它可以是
cd folderA/folderB
); - 在该目录中创建一个本地服务器,
browser-sync start --server
。
- 导航到您的目标目录(包含用于创建网站的 static 文件的目录,即 HTML(和 CSS)文件) 使用命令行(举个例子,它可以是
这些是主要步骤,但您可以直接从我之前链接的一些行的原始来源中阅读解决方案。
如果您只有htmland/orJavascript代码:
- 用浏览器打开就可以了
如果您有PHP代码:
- 安装本地网络服务器(例如:Apache)
如果您有MySQL代码:
- 安装 MySQL 服务器
通常,安装 Mamp(或 Android/iOS 的等效项)足以完成所有基本操作。它将为您提供 SQL 和 PHP 服务器 希望对你有帮助