本篇教程探讨了WEBAPP开发教程之设置APP系统状态栏，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

<

准备
工具：HBuilder
一、全屏设置，不显示系统状态栏
这里所说的系统状态栏就是包括了：信号、运营商、电量等信息手机屏幕最顶部信息。
全屏并非状态栏透明或变色，而是没有状态栏，也就是看不见电量、信号那条了，部分项目需要这样的场景。
全屏设置方法：
　　新建一个wap2app项目并完成各项配置后，打开 manifest.json --> 基础配置 ，找到如下图选择框
勾选此选项，真机运行后在手机上显示如下图：
标题之上没有显示状态栏。
二、显示系统状态栏，并自定义系统状态栏的背景色和字体颜色
　　首先，同“全局设置的方法”，打开 manifest.json --> 基础配置并去掉 “应用是否全局显示”的勾选，此时在真机上运行，发现标题栏和系统状态栏重叠了，如下图：
翻阅资料之后，发现，打开 manifest.json -> 源码视图，找到 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>
保存之后，在真机上调试运行，结果如下：
这样就解决了所有问题。
设置系统状态栏的字体颜色：
plus.navigator.setStatusBarStyle('dark');
在sitemap.json文件中也可以修改statusbar（系统状态栏）的值，但是在修改了 statusbar的immersed的值改为 false 或者none之后，这里修改的值就没有效果了，需要js动态修改其值。
statusbar的style（字体）的值只有 dark 和 light两种。
设置系统状态栏的背景色：
plus.navigator.setStatusBarBackground('#FFFFFF');
   

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！