uni-app微信小程序模拟器运行到某一页面调试操作

刚刚开始学习uni-app,不知道微信开发者工具,运行到页面是咋回事。后来接触了一下,发现蛮好用的,这个功能可以联调你需要的某一页面。

uni-app微信小程序模拟器运行到某一页面调试操作_第1张图片

每次联调项目时,Hbuilder X每次都要重新编译到初始默认的首页,然后要点击跳转才会出现详情页进行调试,这样很麻烦。后来发现这个功能。每次Ctrl+s项目微信小程序模拟器可以直接跳转到你需要的页面,下面开始正常操作

condition

启动模式配置,仅开发期间生效,用于模拟直达页面的场景,如:小程序转发后,用户点击所打开的页面。

属性说明:

属性 类型 是否必填 描述
current Number 当前激活的模式,list节点的索引值
list Array 启动模式列表

list说明:

属性 类型 是否必填 描述
name String 启动模式名称
path String 启动页面路径
query String 启动参数,可在页面的 onLoad 函数里获得

注意: 在 5+App 里真机运行可直接打开配置的页面,微信开发者工具里需要手动改变编译模式,如下图:

uni-app微信小程序模拟器运行到某一页面调试操作_第2张图片

 

在pages.json里配置

"condition" : { //模式配置,仅开发期间生效
		"current": 0, //当前激活的模式(list 的索引项)
		"list": [
			{
				"name": "test", //模式名称
				"path": "pages/info/info", //启动页面,必选
				"query": "newsid=5173214" //启动参数,在页面的onLoad函数里面得到
			}
		]
	},

然后在微信小程序里  工具/编译配置/(选择需要的页面)

uni-app微信小程序模拟器运行到某一页面调试操作_第3张图片

最后选中需要的联调页面,重新编译就可以直接到你需要的页面啦

uni-app微信小程序模拟器运行到某一页面调试操作_第4张图片

你可能感兴趣的:(uni-app,app,uni-app微信小程序模拟器)