Gulp 本地开发中的移动浏览器同步

如何使用gulp浏览器同步在手机中查看本地开发人员网站？

---

我在我的手机浏览器中键入localhost:3000，但当您在终端中运行gulp时，它不会加载，您应该会看到：

    [BS] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.10.81:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.10.81:3001

这意味着您的本地URL是端口3000处的localhost。 对于外部用户，它将是外部IP[而不是UI]。要从手机访问，您需要在手机浏览器中输入外部IP及其端口

您可以通过访问UI IP查看所有浏览器同步设置

---

注意：要在手机上使用外部链接，您的手机和计算机应该在同一个Wi-Fi网络上，只有这样它才能工作。

我知道这是旧的，但上面的选项对我不起作用，我正在运行windows 10。我最终使用

隧道

选项找到了一个完全没有麻烦的解决方案

例如，将设置为选项tunnel:true将在每次运行BrowserSync:e.g.

http://randomstring23232.localtunnel.me

但是，您可以通过将首选隧道名称作为字符串传递给隧道选项来设置它，即。 隧道：“首选隧道名称”， 将复制：

https://preferredtunnelname.localtunnel.me

参考资料：及

---

感谢@Kwesi分享以上内容。在我的例子中，设置tunnel:true在我还添加了online:true之前是不起作用的。这是我的示例代码-在计算机和移动设备上都运行良好

browserSync.init({
    server: {
      baseDir: "app"
    },
    online: true,
    tunnel: true,
    logLevel: "debug"
  });

---

我已经转到webpack，它有一个https标志@需要AndrewSchultzTunnel才能在我的Android手机上访问它。谢谢