前端本地服务实机调试

相信各位都被测试提过各种奇怪的bug。

这其中有很多属于兼容性问题，各家浏览器引擎千差万别。

浏览器自带的调试工具只能调节尺寸，真要测试各家浏览器的兼容性，还是要实机冒烟下。

（总不能让测试拿各种机子给测出问题，再去改吧，小钱钱不保【狗头】）

所以要是能像后端一样启个服务，然后在各种机子上跑就好了。

下面就演示下如何在局域网中访问我们的前端服务。

1.项目跑起来 记下你的端口号

2.配置防火墙入站规则（以win10为例）

        a.打开控制面板 → 系统和安全 → 防火墙 → 高级设置

        b.入站规则 → 点击新建规则

        c.选择端口 → 选择TCP协议并填写端口号 → 一路下一步 → 最后起个名

         d.在入站规则表中右击 → 启用规则（配好了默认启用）

 3.关闭防火墙

这样我们就能在其他设备上访问我们启好的前端服务了（必须在同一个局域网中，连同一个wifi）

然后你就成了测试【狗头】

笔者还知道的一直办法是利用chrome浏览器

这个办法很繁杂，大概流程如下：

        chrome中打开这个地址 chrome://inspect 然后配置端口

        需要和调试设备用数据线连着

        调试设备需要下载chrome浏览器

        调试设备打开开发者模式

        ...

想了解的可以自行查阅其他资料