HbuilderX打包Wap2App应用

mojocube

已于 2022-12-26 17:44:01 修改

阅读量2.2k

点赞数 2

分类专栏：前端 Android IOS 文章标签： java 前端 javascript

于 2021-06-04 17:21:38 首次发布

本文链接：https://blog.csdn.net/mojocube/article/details/117567233

版权

前端同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

Android

2 篇文章 0 订阅

订阅专栏

IOS

2 篇文章 0 订阅

订阅专栏

下载地址：HBuilderX-高效极客技巧

1.新建项目

2.选择图标

3.选择启动图片

4.设置配置文件，下面的代码主要是去掉了默认的导航栏和退出时不要显示反馈信息

{
    "global": {
        "webviewParameter": {
            "titleNView": {
                "autoBackButton": true,
                "backgroundColor": "#f7f7f7",//导航栏背景色
                "titleColor": "#000000",//标题颜色
                "titleSize": "17px"
            },
            "statusbar": {
                //系统状态栏样式(前景色)
                "style": "dark"
            },
            "appendCss": "",
            "appendJs": ""
        },
        "easyConfig": {
			"quit"	: {
				"toast"	: {
					"showFeedback"	: false
				}
			}
		}
    },
    "pages": [
        {
            "webviewId": "__W2A__food.mojocube.com",//首页
            "matchUrls": [
                {
                    "href": "http://www.mojocube.com/"
                }, {
                    "href": "http://www.mojocube.com/"
                }
            ],
            "webviewParameter": {
                "titleNView": false,
                "statusbar": {
                    //状态条背景色，
                    //首页不使用原生导航条，颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
                    //若首页启用了原生导航条，则建议将首页的statusbar配置为false，这样状态条可以和原生导航条背景色保持一致；
                    "background": "#f7f7f7"
                }
            }
        },
		{
			//未适配的公共页面，可拦截原生下载和头部导航栏, 注：通配符的规则 放在最后一个节点才能达到适配所有未适配的公共页面效果，适配规则优先级为自上而下查找匹配规则
		   "webviewId": "common",  
		   "matchUrls": [  
			   {  
				   "hostname": "R:.*",  
				   "pathname": "R:.*"  
			   }  
		   ],  
		   "webviewParameter": {  
			   "titleNView": false  
		   }
	   }
    ]
}

5.提交并打包下载