如何调试Weex

作者: 逍遥wqy | 来源:发表于2018-04-11 17:17 被阅读42次

    前言

    最近开始接触学习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的道路真是坎坷,希望我的这次踩坑能帮助到其他刚入门的同学。

    相关文章

      网友评论

        本文标题:如何调试Weex

        本文链接:https://www.haomeiwen.com/subject/kidzhftx.html