微信小程序能否在IDE中调试查看page stack页面栈及页面跳转流程
微信小程序IDE页面栈查看方案
完全可以直接在微信小程序IDE(微信开发者工具)中获取页面栈相关信息,以下是两种常用调试方法:
方法1:控制台直接查询
- 打开开发者工具顶部的「调试器」,切换到
Console面板 - 直接输入代码
getCurrentPages()后回车,即可输出当前的完整页面栈数组 - 数组顺序对应页面栈的层级关系:*数组首项为最底层的初始打开页面,数组末项为当前展示的顶层页面
- 展开数组内的每个元素都对应一个页面实例,包含页面路由、入参、实例属性等信息都可直接查看
方法2:断点调试追踪跳转逻辑
- 在你需要排查的导航跳转相关代码(比如
wx.navigateTo、wx.switchTab等跳转API调用处或者页面对应的生命周期函数内)打上断点 - 触发跳转逻辑后代码执行到断点时,可以直接在
Console面板调用getCurrentPages(),或者在Scope面板查看页面栈变化,即可完整追踪页面间的导航流转逻辑
注意:
getCurrentPages()仅建议用于调试场景,不要在生产业务代码中直接修改页面栈实例属性,也不要依赖页面栈内部结构编写业务逻辑,避免后续框架更新可能出现兼容性问题
内容的提问来源于stack exchange,提问作者Jaime Roman
相关产品推荐
相关产品推荐

