使用苹果网址一键绿标免签打包软件如何设置状态栏的颜色

苹果网址一键绿标免签打包软件打包出来APP默认使用的是黑色的状态栏,如下图所示:

 

 

 

经常有朋友询问,如何可以把状态栏设置成其他的颜色,使APP可以更好看一些呢?

 

 

设置步骤


1. 首先参考说明步骤,打包好你的APP: 打包步骤

 

2. 在安装运行APP之前,调整你的网页主页HTML代码,在html代码的<head>内部添加如下的meta信息:

 

第一种设置是black类型的状态栏,即纯黑状态栏

<meta name="apple-mobile-web-app-status-bar-style" content="black">

效果如下图,状态栏是纯黑色的,不会显示时间信息:

 

 

第二种设置是default类型的状态栏,即默认的状态栏颜色

<meta name="apple-mobile-web-app-status-bar-style" content="default">

效果图如下,显示黑底白字的状态栏信息

 

第三种设置是black-translucent,即透明类型的状态栏颜色

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

效果图如下,显示的状态栏颜色与你的网页body的背景颜色一致:

 

 3. 设置完成后,参考说明安装运行你的APP即可

 

 代码插入示例


<html>
    <head>
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    </head>

    <body style="background-color:yellow">
        <h1>...</h1>
        <p>...</p>
    </body>
</html>

 

posted @ 2022-04-05 16:39  H5开发技术  阅读(499)  评论(0编辑  收藏  举报