wap2app设置中出现的问题以及解决方法汇总-uniapp

一、wap2app原生标题无法隐藏,双标题解决办法

打开 sitemap.json 文件 将global下的 titleNView设置为 “false”,pages下的titleNView设置为false(一般pages下的titleNView默认为false),

  • global下的 titleNView设置为 “false”
"global": {
    "webviewParameter": {
        "titleNView": {
            "autoBackButton": true,
            "backgroundColor": "#f7f7f7",//导航栏背景色
            "titleColor": "#000000",//标题颜色
            "titleSize": "17px"
        },

        "titleNView": false,//在此处修改
        "statusbar": {
            //系统状态栏样式(前景色)
            "style": "dark"
        },
        "appendCss": "",
        "appendJs": ""
    },
    "easyConfig": {   }  
},
  • pages下的titleNView设置为false
 "pages": [
        {
            "webviewId": "用户ID",//首页
            "matchUrls": [
                {
                    "href": "域名"
                }, {
                    "href": "域名"
                }
            ],
            "webviewParameter": {
                "titleNView": false,//在此处修改
                "statusbar": {
                    //状态条背景色,
                    //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
                    //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;
                    "background": "#f7f7f7"
                }
            }
        }
    ]
  • 在sitemap.json的pages数组的最后加上代码:
{//未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则+放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则
    "webviewId": "common",
    "matchUrls": [
        {
            "hostname": "R:.*",
            "pathname": "R:.*"
        }
    ]
}

二、wap2app全屏显示app标题和系统状态栏重叠解决办法

  • 全屏显示,打开 manifest.json –> 基础配置并去掉 “应用是否全局显示”的勾选

  • 标题和系统状态栏重叠解决方法,打开 manifest.json -> 源码视图,ctrl+f找到 statusbar;将 immersed的值改为 false 或者none

  • 统一系统状态栏和标题颜色,打开文件client_index.html,在html中添加代码:

<script type="text/javascript">        
    if(window.plus){
        plusReady()
    }else{
        document.addEventListener('plusready',plusReady,false)
    }
    function plusReady(){
        plus.navigator.setStatusBarBackground('#FFFFFF');
        plus.navigator.setStatusBarStyle('dark');
    }
</script>

三、wap2app退出提示“反馈意见”解决方法

问题:wap2app退出时,默认会弹出toast消息框,提示用户“再按一次返回键退出”,同时在toast信息中给出“反馈意见”的链接。

解决方法:在global->easyConfig->quit节点下添加如下代码:

"global": {  
    "webviewParameter": {  
        //webview相关通用配置  
    },  
    "easyConfig": {  
        "quit": {  
            "toast": {  
                "showFeedback": false //不显示“反馈意见”链接,默认为true  
            }  
        }  
    }  
}

发表评论

滚动至顶部