说明:
首先说明,官方建议隐藏HTML的头header,而不是隐藏wap2app的原生头。
因为wap2app的原生头渲染更快,页面加载时不会出现整屏白屏的情况。
情景:
但是wap站的header中已存在相关的逻辑,功能全部移到原生标题栏上很是麻烦。因此,为了解决双标题问题,需要禁止原生标题栏。
如何隐藏?
{ "global": { "webviewParameter": { "titleNView": false, //禁用原生标题栏 "statusbar": { //系统状态栏样式(前景色) "style": "dark", "background": "#F7F7F7" }, "appendCss": "", "appendJs": "" }, "easyConfig": { "quit":{ "toast":{ "showFeedback": false } }, "open": { "animation": {//窗口切换动画配置 参考文档 【http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/12750】 -> open.animation "type": "pop-in", //窗口动画类型 默认为 slide-in-right "duration": 300 } } } }, "pages": [ { "webviewId": "__W2A__hello.wap2app.dcloud.io",//首页 "matchUrls": [ { "href": "http://hello.wap2app.dcloud.io" }, { "href": "http://hello.wap2app.dcloud.io" } ], "webviewParameter": { "titleNView": false, "statusbar": { //状态条背景色, //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致 //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致; "background": "#f7f7f7" } } }, {//未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则+放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则 "webviewId": "common", "matchUrls": [ { "hostname": "R:.", "pathname": "R:." } ], "webviewParameter": { "titleNView":false, "statusbar": { "style":"dark", //状态条背景色, //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致 "background": "#F7F7F7" } }, "easyConfig": { "quit":{ "toast":{ "showFeedback": false } }, "open": { "animation": {//窗口切换动画配置 参考文档 【http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/12750】 -> open.animation "type": "pop-in", //窗口动画类型 默认为 slide-in-right "duration": 300 } } } } ] }