当前位置:首页 > 苹果免签绿标打包 > 正文内容

苹果免签打包软件 设置状态栏的颜色 教程

苹果网址一键免签绿标打包工具,可以一键把网址打包成IOS平台的APP,无需签名,永久使用,并且带有绿标认证,可以直接在Windows上使用,简单方便。


软件详细使用说明可以查看这篇文章: 苹果网址一键免签绿标打包工具



默认情况下,打包生成的 APP默认标题栏是黑色的,如下图所示:

截屏2023-02-14 16.56.22.png



本教程会介绍如何设置不同的标题栏颜色


截屏2023-02-14 17.02.45.png



设置不同标题栏颜色步骤


1. 首先参考苹果网址绿标免签打包工具的使用教程,打包好APP

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


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

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


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

截屏2023-02-14 17.05.44.png



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

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


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

截屏2023-02-14 16.56.22.png


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

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


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

截屏2023-02-14 17.09.09.png



 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>


扫描二维码推送至手机访问。

版权声明:本文由H5开发工具网站发布,如需转载请注明出处。

本文链接:https://www.h5pack.com/post/rf-status-bar.html

返回列表

上一篇:苹果网址打包成绿标免签APP教程

没有最新的文章了...