移动端开发调试说明

[chenxiaochun]

一直以来，移动端的页面开发调试就是一个麻烦事情，想要实时预览页面效果并且debug更是很麻烦。jdfx也在努力解决这个问题，并且内置了browserSync，使您开发，预览，调试简单到只需一条命令即可。

1、安装猎豹wifi

这个不用多说，安装就是了。注：如果电脑和手机处于同一个局域网中，可忽略1，2两步。

2、连接手机

开启一个热点，并把手机连接到此热点上。

3、使用jdf调试

• 执行jdf b -o命令打开项目列表，用手机扫描右上角的二维码，即打开一个和电脑上一模一样的页面。
• 此时，你无论操作电脑还是手机，它们的响应都会是同步的。包括：切换目录，滚动页面等。
• 你在电脑上编写代码，只要保存，手机上的页面就会实时刷新。
• 现在还等什么，愉快的开始写代码吧。

4、内置的weinre

• 细心的你会发现，在浏览器中默认打开的是下面第一组External 对应的地址。如果你在浏览器中输入UI External 对应的地址，会打开一个很漂亮的操作界面。
• 在左侧找到Remote Debug菜单，点进去开启Remote Debugger (weinre)，即可开启weinre调试模式，接下来您也就应该知道怎么用了。

[JDFX] Access URLs:
 ------------------------------------
       Local: http://localhost:8081
    External: http://10.0.16.115:8081
 ------------------------------------
          UI: http://localhost:3001
 UI External: http://10.0.16.115:3001
 ------------------------------------