wap2app双标题，如何禁用原生标题栏

说明：
首先说明，官方建议隐藏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    }}}}]
}

wap2app双标题，如何禁用原生标题栏相关推荐

【HBuilder】wap2app禁用原生标题栏，解决 “双标题” 的问题
一.先看一下遇到的问题,看下图就知道什么是双标题了. 二.解决方案: 1.将global里的titleNView设置为false 2.在sitemap.json的pages数组的最后,注意是最后(适配 ...
使用HBuilder - wap2app 打包vue写的移动端项目禁用原生标题栏
解决方案 HBuilder将做的移动端打包成app. 在 sitemap.json 文件里 1.把global里的titleNView值设置为false 2.在sitemap.json的pages数组 ...
文章双标题自动生成插件(火车头采集器文章自动生成双标题)
火车头文章标题伪原创插件(文章双标题插件) 本插件可以在文章的原有标题上增加一个补充标题例如: 原标题:牙疼怎么办插件处理后的标题:牙疼怎么办(牙疼怎么办立刻止疼最好办法) 插件优势: 插件选择 ...
uni-app 原生标题栏搜索输入框事件合集
"pages": [{"path": "pages/index/index","style": {"navig ...
火车头双标题插件-火车头采集器双标题插件下载及安装教程
火车头双标题插件,为什么这么多人使用火车头双标题插件?因为双标题组合增强了标题的相关性和关键词密度,同时在词库方面也有了更多的展现,收录后也会有2个长尾词参与排名.详细参考图片怎么设置火车头双标题? ...
r语言remarkdown展示图_R语言学习笔记--R bookdown图表设置中英文双标题
一. 测试文档,该文档修改自 bookdown 的官方中文模板. 该方案可以实现同时生成pdf和html两种格式的文件,pdf文件中实现双标题,html文件可正常生成单个标题. 二. 结合 CTEX ...
火车头采集器双标题插件【完整php源码】
最近比较流行的一种伪原创方式,火车头采集器双标题插件,功能主要如下: 1.原文标题伪原创,实现标题相关双标题: 2.文章内容伪原创,提高文章的原创度: 3.文章内容摘要提取. 废话就不多说,插件是用p ...
安装Linux双系统取消快速启动,为什么在双启动时禁用Windows 8上的快速启动？
问题描述如果你和Ubuntu一起安装,为什么每个人都一直提到在Windows 8上禁用快速启动?是仅针对UEFI计算机推荐的内容还是对旧版BIOS计算机的建议?是因为它使Windows分区无法从Li ...
linux配ipv6 ipv4 双栈,RouterOS配置原生IPv6（电信IPv4/IPv6双栈）
无意中发现江苏(苏州)电信的原生IPv6改为有状态的IPv6,那么我使用的RouterOS软路由(以下简称ROS)就可以获取到IPv6的地址了,所以又可以折腾了一波. 一.IPv6介绍 IPv6的地址 ...

wap2app双标题，如何禁用原生标题栏

wap2app双标题，如何禁用原生标题栏相关推荐

最新文章

热门文章