weex社区

如何调试Weex

2018-04-11  本文已影响42人  逍遥wqy

前言

最近开始接触学习weex,前期各种错误及要实现的功能无法正常工作,Debug是解决发现问题的必选之路。

入坑

作为新手,对于如何调试weex真是无从下手,操作容易度和使用AS调试Android相比真是天壤之别。在Google上搜索一番发现,网上的帖子or博客都是老版本weex的调试页面,他们的截图都是这样的:

图1 AppList
而我执行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代码了。

图4 曙光
图5 调试

总结

对于一个新手,调试weex的道路真是坎坷,希望我的这次踩坑能帮助到其他刚入门的同学。

上一篇下一篇

猜你喜欢

热点阅读