logo科技微讯

GatsbyJS 和 Next.js 如何在手机调试网站

作者:科技微讯
日期:2021-06-09
📝 笔记

gatsbyjs 远程调试,在手机上测试,步骤:

  • 手机和电脑要连接到同一个 Wi-Fi,或者 iPhone 给 Mac 电脑共享热点;
  • 要在 npm script 中的使用 --host=0.0.0.0 去 develop 或 serve 代码;
  • 打开 mac 电脑的设置-共享,在电脑名称下有一个以 .local 结尾的地址,可以通过编辑修改为更容易记忆和输入的地址,比如 mto.local;
  • 最后在手机 Safari 浏览器上输入 mto.local:8000 或者 mto.local 就可以访问网页;

但是手机上怎么看到 console.log 呢?需要把手机用数据线连接到电脑

nextjs 不需要在 npm dev 后加 --host=0.0.0.0,其他和 gatsbyjs 一样,其中 mto.local 也可以替换为共享面板上面的 IP 地址。

donation赞赏
thumbsup0
thumbsdown0
暂无评论