weex-05-调试工具的使用
本节任务
weex-toolkit 调试用具的使用
第一步
打开终端 cd 进入我们的工程目录中去
第二步
执行命令行代码打开调试工具
npm run debug
浏览器会自动打开如下
第三步
这时使用我们的app的扫码功能启动调试
单机"检查按钮",进入的页面如下
发现浏览器页面和手机页面同步,你可以点击手机上面的cell 试试看,发现不能跳转页面,可能做了限制!
接下来,我们试试它的扫码功能
第四步
新打开一个终端窗口
cd 进入工程目录 输入下面命令,打开web服务器
npm run serve
浏览器输入下面地址
第五步
使用app扫描 二维码
浏览器调试页面会自动同步
第六步
我们修改一下foo.vue中内容
command + S 进行保存
此时刷新浏览器或者手机预览页面是没有用的,因为app.weex.js和app.web.js文件没有重新打包,接下来教大家如何自动打包
第七步
开启自动打包
新建一个终端页面
cd 进入工程目录
输入 npm run dev
第八步
在手机端 点击刷新按钮
我们会发现手机和浏览器调试页面都会更新