wap2app去除系统自带的导航栏

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

​

有时候我们做移动端的项目的时候，有属于自己的导航栏，在通过网站变成APP, 就会形成两个导航栏，这个时候我们就是去掉原生带来的;

1.找到项目的****sitemap.json文件

​编辑

2.找到****global里面的titleNView，把它变成false

​编辑

3.这步如果没有写的，你就会发现项目的话，只是把你导航栏的样式，颜色什么都去掉，变成默认的原生导航栏，白灰色的导航，但并没有消失，我们要在****pages的最后，记得一定是要在最后加上

​编辑

这么一段话，再重新运行项目，你会发现，导航就消失了，

完整的配置在下面，复制的时候记得里面的跳转链接地址要自己的移动端网站，不然会报错的哦

{
	"global": {
		"webviewParameter": {
			// "titleNView": {
			//     "autoBackButton": true,
			//     "backgroundColor": "#215275",//导航栏背景色
			//     "titleColor": "#fff",//标题颜色
			//     "titleSize": "17px"
			// },
			"titleNView": false,
			"statusbar": {
				//系统状态栏样式(前景色)
				"style": "light",
				"background": "#215275"
			},
			"appendCss": "",
			"appendJs": ""
		},
		"easyConfig": {}
	},
	"pages": [{
			"webviewId": "__W2A__www.bentell.cn", //首页
			"matchUrls": [{
				"href": "跳转的地址，填写自己的移动网站网址"
			}, {
				"href": "跳转的地址，填写自己的移动网站网址"
			}],
			"webviewParameter": {
				"titleNView": false,
				"statusbar": {
					//状态条背景色，
					//首页不使用原生导航条，颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
					//若首页启用了原生导航条，则建议将首页的statusbar配置为false，这样状态条可以和原生导航条背景色保持一致；
					"background": "#215275"
				}
			}

		},
		{ //未适配的公共页面，可拦截原生下载和头部导航栏, 注：通配符的规则+放在最后一个节点才能达到适配所有未适配的公共页面效果，适配规则优先级为自上而下查找匹配规则
			"webviewId": "common",
			"matchUrls": [{
				"hostname": "R:.*",
				"pathname": "R:.*"
			}]
		}

	]
}

​