我正在我的 Mac 上编写个人网站，我想在实际连接的 iPhone 上“实时”查看它（即使这意味着点击重新加载）。这可能吗？我已将 iPhone 连接到 Mac 并启用了 Safari (iOS) 中的 Web Inspector 和 Mac 上的开发者菜单。 iPhone 列在 Mac 的 Safari 开发者菜单中。
在 Mac 的 Safari 窗口中打开本地 html（加载 css 和 js）后，如何在 iPhone 的 Safari 中打开 html（带有 css 和 js）？
欢迎提出任何建议！
【问题讨论】：
标签： iphone xcode mobile responsive-design mobile-safari
在同一网络上，尝试在 iPhone 上进行 safari 并输入您的主机名
http://<name>.local
或使用您的 IP 地址
http://5.2.3.5
【讨论】：
file:///Users/me/webper/new/index.html 作为 Mac 上 Safari 中页面的地址。
这里有几个选项。
最简单的是 CodeKit，它有一个内置服务器，同一网络上的其他设备将能够查看您的文件，有关更多详细信息，请查看 https://codekitapp.com/help/browser-refreshing/ 上的“服务器弹出框”部分
如果您不介意使用命令行和终端或 iTerm 等应用程序，这里有另一种使用 NodeJS 设置本地服务器的方法。
注意：您可能已经在 Mac 上安装了一些您需要的东西。要测试是否安装了 NodeJS，请在终端中运行 node -v，如果您看到版本号，那么您可能可以跳过第一步。如果您运行命令http-server 并得到命令未找到以外的其他内容，您可能可以跳过第三步。
以下内容应该在 Mac 或 Windows 上从头开始工作（使用备用命令行应用程序）。
(1) 前往https://nodejs.org 下载并安装NodeJS
(2) 在终端或 iTerm 中，cd 到你的项目目录
(3) 在终端中，运行命令npm install -g http-server
(4) 如果一切按计划进行，您现在可以使用终端命令http-server 启动本地服务器
您将收到服务器已启动和可用 URL 的通知，例如
http://127.0.0.1:8080
或
http://192.168.2.12:8080
第一个 URL 用于本地 mac（运行终端），同一网络上的其他设备可以使用第二个 URL
要关闭你的服务器，在终端输入命令Ctrl + C
如果您在开始使用 Node 时需要额外帮助，这里有很多很好的在线资源，这里有一个： https://nodesource.com/blog/installing-nodejs-tutorial-mac-os-x/
祝你好运！
【讨论】：
如果您想将您在 Mac 上创建的 html 文件加载到您的 iPhone，您需要执行以下操作。从系统首选项 > 共享 > 启用 Web 共享。将 html 文件放在 ~/Sites 文件夹中。
在家庭网络上，从 iPhone 访问 Web 共享面板中列出的 URL，然后打开 html 文件。它将在 Mobile Safari 中加载。
【讨论】：