uni-app 通过condition调试指定页面

uni-app 中的 condition 是什么？
condition 是启动模式配置，它主要用于模拟直达某一个页面的常见，以方便进行开发调试。该模式还在开发期间生效。

属性说明：

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

list说明

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

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

image.png

怎么使用 uni-app 中 的condition 来调试指定页面？
1、首先打开根目录下的 pages.json 文件，添加如下代码：

    "condition": { //编译模式配置，仅开发期间生效  
        "current": 0, //当前激活的编译模式（list 的索引项）  
        "list": [{
            "name": "详情页面", //模式名称
            "path": "pages/details/details", //启动页面，必选
            "query": "id=1" //启动参数，在页面的onLoad函数里面得到。
        }]  
    },

pages.json 文件全部代码如下：

{
    "pages": [{
        "path": "pages/index/index",
        "style": {
            "navigationBarTitleText": "首页"
        }
    },{
        "path": "pages/details/details",
        "style": {
            "navigationBarTitleText": "详情"
        }
    }],
    "condition": { //编译模式配置，仅开发期间生效  
        "current": 0, //当前激活的编译模式（list 的索引项）  
        "list": [{
            "name": "详情页面", //模式名称
            "path": "pages/details/details", //启动页面，必选
            "query": "id=1" //启动参数，在页面的onLoad函数里面得到。
        }]  
    },
    "globalStyle": {
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#007AFF",
        "backgroundColor": "#FFFFFF"
    }
}

2、然后在微信开发者工中选择target界面直接运行即可

image.png