hostc

在手机上调试 localhost

用手机打开你电脑上的网站,走 HTTPS,什么网络都行。改完代码一保存,手机上的页面就会自动更新。

怎么做

  1. 启动开发服务,再带上二维码运行 hostc:

    npx hostc@latest 3000 --qr
  2. 用手机扫码。

  3. 改一个文件,手机上的页面会跟着保存更新。

为什么不用局域网 IP

  • 手机可以用流量,不必和电脑连同一个 Wi-Fi。
  • 页面是 HTTPS,所以摄像头、Service Worker、定位这些要求安全上下文的功能都能用。在 http://192.168.x.x 上用不了。
  • 开发服务继续监听 localhost 就行。

需要知道的

  • 拿到地址的人都能访问你的服务,不要发到公开的地方。

指南