Ngrok可将Mac本地HTML页面（如Live Server的5500端口）一键暴露至公网：先注册账号获取Authtoken，用Homebrew安装ngrok并配置密钥，再执行ngrok http 5500生成https公网地址，手机即可直接访问。
想让朋友或测试人员直接用手机访问你Mac上写的HTML页面，又不想折腾服务器和域名，就得靠ngrok把本地8080、5500这类端口临时暴露到公网。
注册账号并获取Authtoken
打开浏览器，访问 ngrok.com，点击右上角 Sign up，用 GitHub 账号一键登录；登录后自动跳转至仪表盘，左侧菜单点「Getting Started」→「Setup」，在「Your Authtoken」区域复制那一长串字母数字组合——这串密钥必须配对成功，否则 ngrok 会拒绝建立稳定隧道，【配错或漏配将导致所有后续命令返回 error: authentication failed】。
安装 ngrok（推荐 Homebrew 方式）
打开终端，依次执行：
brew install ngrok
等待命令完成。若提示 command not found: brew，说明未安装 Homebrew，需先运行：
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
安装完 brew 后再重试第一条命令。Homebrew 安装的优势是命令全局可用，后续无需 cd 到特定目录或加 ./ 前缀。
绑定个人 Authtoken
在终端中粘贴并执行（把 YOUR_AUTHTOKEN 替换为你刚复制的密钥）：
ngrok config add-authtoken YOUR_AUTHTOKEN
这条命令会把密钥写入 ~/.ngrok2/ngrok.yml 配置文件，永久生效；以后每次启动 ngrok 都自动携带身份，不用重复输密钥。
准备本地静态服务（以 Live Server 为例）
用 VS Code 打开含 index.html 的文件夹 → 右键 index.html → 选择「Open with Live Server」；浏览器自动打开 http://127.0.0.1:5500，确认页面能正常加载；Live Server 默认端口是 5500，这个数字就是 ngrok 要穿透的目标端口，务必记牢。
启动 ngrok 穿透 5500 端口
保持 VS Code 和 Live Server 运行状态，新开一个终端窗口，输入：
ngrok http 5500
看到输出中出现「Tunnel Status online」且下方列出 http://xxx.ngrok.io 和 https://xxx.ngrok.io 两条地址时，穿透即已就绪；把 https 地址发给他人，他们就能用手机 4G/WiFi 直接打开你的本地 HTML 页面。
