我们开发h5页面的时候可以直接在电脑上用浏览器的“响应式设计模式”来模拟h5页面来进行开发。但这只是模拟，如果复杂应用的话在真机上会有意想不到的问题，而真机上我们又无法用开发者工具去调试，出现的问题就变成了一个黑盒，debug起来很棘手。
正好Firefox的移动版是有一项”通过远程usb调试“的选项，那么我们可以看看如何用pc上的Firefox和移动Firefox连接来调试h5页面。
第一步：手机上安装Firefox并打开usb调试
我们手机上需要安装Firefox，这个不像chrome还需要翻墙，直接搜索Firefox去官网下载安装即可。
然后打开Firefox，在设置 -> 高级 -> 通过usb远程调试，将这个”通过usb远程调试”打开。
第二步：电脑连接手机
将手机通过数据线和电脑连接，链接选项选择传输文件。如果电脑访问不了手机的话，可能需要手机打开开发者模式，我是华为Meta30，直接在设置 -> 系统和更新 -> 开发人员选项 ，然后直接打开开发人员选项即可。
第三步：在电脑Firefox里面设置
打开电脑Firefox，然后有两种方式找到远程调试选项：
- 在Firefox地址栏输入
about:debugging（我输入了是空白页，不跳啊艹） - 点击右上角菜单按钮
工具 -> 浏览器工具 -> 远程调试
我们可以看到：
刚进来的时候是显示usb是禁用状态，我们需要启用usb设备。
点击启用USB设备的时候，会有一个adb的安装或更新操作，这需要我们在mac的系统设置 -> 安全性与隐私这里找到这个消息并允许，允许之后Firefox才能正常识别硬件设备。
启用后，我们再刷新远程调试的这个页面，就可以看到我们的设备了：
找到我们设备，点击连接，如果前面的设置都没问题的话，如果是第一次连接，那么在手机端会出现一个运行运行调试的确认框，我们允许就可以了。
连接完毕再点击设备即可看到设备上Firefox的标签页和扩展组件之类的东西了：
然后我们点击标签页的“检查”按钮，就能进入开发者工具进行调试，也能看错误输出和网页请求了。
第四步：开始调试
如果是开发阶段，需要将启动的服务设定一个公开的ip，可以设置ng server --host 0.0.0.0，这样让手机和电脑在一个wifi，手机Firefox直接方位带ip的地址，然后在电脑这边选择连接的手机Firefox里面的标签页，进行调试。电脑上也可以用源代码这边直接编辑，编译后手机上也会进行刷新，调试起来很方便，直接真机调试了。
这种方式用于当移动版有复杂功能的时候，调试起来很方便。不断积累~
可以直接参考Firefox文档：Firefox about:debugging
