如何调试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 从无到有开发一款上线应用 5

    iOS调试DemoWeexDemo本篇详细说明一下如何调试,打包Weex。Weex 从无到有开发一款上线应用 1中...

  • 如何调试Weex

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

  • Weex 从无到有开发一款上线应用 3

    iOS调试DemoWeexDemo本篇将开始跟大家探讨如何进行Weex页面跟原生的交互,即Weex调原生方法,原生...

  • Weex项目构建流程

    Weex-Toolkit Weex-Toolkit 主要用于快速构建 weex 的项目并且开发和调试。 Weex...

  • VSCode weex debug src 出现问题

    weex debug src 出现问题 当新建完一个weex项目之后,想试试weex debug src调试页面的...

  • weex调试

    先在进入到项目根目录输入 weex debug它会下载debug的相关模块下载完了之后电脑会自动启动谷歌浏览器(如...

  • weex, 调试

    直接来步骤: 1: 在项目中执行命令: weex debug打开调试页面, 2: 手机启动playground并扫...

  • Weex入坑笔记

    Weex入坑笔记 第一步:安装依赖 Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。...

  • weex环境配置的些许坑

    weex 调试android开发环境 运行 问题1 A problem occurred configuring ...

  • WEEX 搭建开发环境

    ~『 NO. 1 安装依赖 』 Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先...

网友评论

    本文标题:如何调试Weex

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