前言
最近开始接触学习weex,前期各种错误及要实现的功能无法正常工作,Debug是解决发现问题的必选之路。
入坑
作为新手,对于如何调试weex真是无从下手,操作容易度和使用AS调试Android相比真是天壤之别。在Google上搜索一番发现,网上的帖子or博客都是老版本weex的调试页面,他们的截图都是这样的:
而我执行
weex debug
后的页面却是长这个样子:图2 扫码页面.png
使用playground app扫码后进入的页面又是这副模样:
图3 Debug页面.png
通过console发现这里面的信息应该都是playground app输出的,跟我自己写的没半毛钱关系,在source中也没找到我的js内容,根本没办法调试。之后继续Google,搞了半天仍是没有头绪,累觉不爱!
曙光
在扫码进入图3的界面后,一次偶然的操作--我再次用playground app扫秒了npm run serve
部署出来的二维码,之后我发现了新大陆,图3的内容变了,在inspector中出现了我的weex的页面,真是在绝望中看到了胜利的曙光。现在在source中也可以打断点调试自己的js代码了。
图5 调试
总结
对于一个新手,调试weex的道路真是坎坷,希望我的这次踩坑能帮助到其他刚入门的同学。
网友评论