使用hbuilder打包app，如何取消状态栏自带高度

最新推荐文章于 2024-11-01 17:08:14 发布
原创 最新推荐文章于 2024-11-01 17:08:14 发布 · 771 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #javascript #vue

本文介绍如何在manifest.json文件中配置plus属性，通过添加statusbar字段实现应用的沉浸式状态栏效果，提升用户体验。

在mainfest.json的plus中以下位置添加：

"statusbar":{
  		"immersed": true/*沉浸式状态栏*/
 },
HBuilder X将网址打包成app
m0_50552019的博客
11-22 1929
第一步：新建5+APP项目 第二步：配置网址 打开App首页后，跳转到网址 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title>
使用hbuilder开发的app集成的个推
热门推荐
qq_34722251的博客
03-31 1万+
前言： 最近使用hbuilder开发的一个app中用到了个推功能，在此期间，翻看了DCloud和百度上一些有关个推的问题，目前这种例子太少，以至于遇到问题，百度也搜不到标准答案。这次后台用的java语言，app用的mui框架，推送目标既有android，也有ios。 首先，在hbuilder上集成个推前，先仔细参照 manifest.json 中plus.push推送SDK配置指南（下图）
hbuilder打包app关闭广告
最新发布
m0_52904974的博客
11-01 2139
进去uni-ad后选择广告设置，搜索到对应的app名称后点击应用详情。在打包界面取消勾选开屏广告与悬浮红包，显示勾选框为灰色无法勾选。修改完成后返回Hbuilder重新进行打包。选择DCloud快捷广告，点击修改状态。跳转至uni-ad登录页面，点击登录。解决办法：点击广告管理。
Hbuider H5+App获取手机状态栏高度
拥抱AI Design
08-28 4215
本文主要介绍获取手机状态栏高度的方式。 /** * 获得状态栏高度 */ getStatusBarHeight:function(){ var immersed = 0; var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent); if(ms&&am...
HBuilderX Wap2App(H5)打包APP去除顶部导航栏
奥特曼不想打小怪兽
09-14 4480
自己收藏方便以后用,原文链接。 修改sitemap.json { "global" : { "webviewParameter" : { "titleNView" : false, "statusbar" : { "style" : "dark", "background" : "#F7F7F7" }, "appendCss" : "", "appendJs" : "" }, "easyConfig" : { "quit" : {
vue项目 使用Hbuilder打包app 设置沉浸式状态栏
weixin_34250709的博客
10-21 1911
使用 Hbuilder新建好移动app项目后，mainfest.json这个文件里的 plus里设置 statusbar ..... "plus": { "statusbar": { "immersed": true }, ...... }, .....   效果   此随笔乃本人学习工作记录，...
【HBuilder】wap2app禁用原生标题栏，解决 “双标题” 的问题
美奇软件开发工作室
11-23 3452
一、先看一下遇到的问题，看下图就知道什么是双标题了。 二、解决方案： 1、将global里的titleNView设置为false 2、在sitemap.json的pages数组的最后，注意是最后（适配url规则为从上而下），配置一个webviewid为common的webview，来容纳所有会随机打开的窗口，进行你的操作。代码如下： {//未适配的公共页面，可拦截原生下载和头部导航栏...
HBuilder uniapp实现网页转应用
Amorbcbc的博客
07-19 670
--------------------------------------分割线--------------------------------------应用描述随便填一个就行。选择hbuilder中的【发行】-->【云打包】-->填写下图-->取消【基础开屏广告】-->选择【传统打包】我是用电脑自带的【画图】处理的：点击【重新调整大小】-->选择像素-->输入1024-->点击确定后保存。（2）App图标配置：点击自动生成图标的【浏览】选择准备好的图标，再点击【自动生成所有图标并替换】
移动开发：H5 APP打包Android版本发布 (HBuilder)
u012426327的专栏
09-14 2082
首先新建一个移动app项目，填写应用名称和存储位置，选择模版，完成 将其自带的文件以及文件夹删除，只保留manifest.json文件            删除后 将已有的h5项目粘贴到tests项目中            打开manifest.json文件，配置应用名称、获取appid、版本号、页面入口等信息
20191107 关于mui的app打包
do what you like && brave
11-07 3663
HTML5 Plus应用概述 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。 HTML5 Plus规范 通过HTML5开发移动App时，会发现HTML5很多能力不具备。为弥补HTML5能力的不足，在W3C中国的指导下成立了HTML5中...
app沉浸式导航栏相关处理（适用于Hbuilder打包项目）
weixin_44283145的博客
12-15 1534
在移动端，很多的app都需要设置沉浸式导航栏，但是手机适配又成了一个很大的问题。所以通过获取手机状态栏高度，再增加页面padding的方法应该是最好的，可以适应各种妖孽手机。首先需要在HBuilder的配置文件中设置沉浸式导航，找到manifest.json件下的plus对象，然后贴如下面代码： "statusbar": { "immersed": true/*沉浸式状态栏*/ }, 下面代码片段是获取移动端状态栏高度的。 注：此代码写在main.js中 //由于plus模块需要加载，所以这
HbuilderX打包的vue项目，状态栏问题
sywdebug的博客
08-11 1202
场景：老总让做的那个 APP，页面改来改去，最后做完了，状态栏需要沉浸背景，状态栏文字颜色也要改上集说到解决 HbuilderX 打包的 vue 项目，物理返回键问题，当时装了 mui 框架，这个也需要，安装方法可以看之前那个有写，
HBuilder修改statusbar样式
championf的博客
12-01 6286
在HBuilder项目中如何修改状态栏样式如果你初次接触HBuilder会遇到修改状态栏颜色的问题，那么这篇文章就可能帮到你，那么不BB，上车吧~ 设置背景图片 body{ background-image: url(img/background.png); background-repeat: no-repeat;
HBuilderX 打包APP
King Saj
09-15 1681
第一步build的文件（dist目录下的文件）使用HBuilderX 打包成APP 使用 HBuiderX 打包。（工具下载地址：http://www.dcloud.io/） 一、创建项目 【文件-新建-项目】 选择项目类型和填写项目名称 创建生成如下目录 二、dist目录下的文件拷贝到该工程 （1）包里工程路面下unpackge目录和mainifest.json文件 其他文件目录全部删除 （2）拷贝dist目录下的文件到该工程目录 拷贝后目录结构大概如下： 三、打包前项目配置 双击文件main.
hbuilderx设置状态栏
菜菜鸟的博客
11-02 8138
一、 前言 状态栏就是手机屏幕最顶部的区域，包括了：信号、运营商、电量等信息。通常APP都有属于自己的色调风格，为了达到整体视觉美观，通常会设置状态栏和标题栏的色调设置成一致。 图例： 二、状态栏状态类型 默认 变色（设置颜色） 透明（沉浸式） 消失（全屏） 三、状态栏变色 1.效果如图： 2.根据色调设置状态栏文字颜色，文字颜色只提供两种值：light（白色）、dark（黑色） 3.设置标题栏...
HBuilder MUI 顶部标题栏一直显示"首页"的问题
你好邱林和的专栏
01-29 1万+
在运行MUI的例子的时候,我发现在浏览器是能看到每个页面的标题切换,但是在手机上一直显示首页,这个有点奇怪,如下图:     后来 发现manifest.json有一个配置,是固定标题,默认为44px,     "plus": { "launchwebview": {//需要注释掉这段,就可以显示正常的标题了 "titleNView": { "backgroundco
hbuilder 沉浸式状态栏
Lycoris_Red的博客
07-16 1291
1.在mainfest.json的plus中以下位置添加statusbar内容 "plus": { "statusbar":{ "immersed": true/*沉浸式状态栏*/ } } 2、获取状态栏高度 方法一： var immersed = 0; var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent); if(ms&&ms.lengt
HBuilder 设置沉浸式状态栏显示效果
一码
12-04 4302
1.在manifest.json 要设置 "fullscreen": false； 2.在 manifest.json 设置 "plus": { "launchwebview": { "statusbar": { "background": "#00933c" } },
使用HBuilder打包App图文教程
通过以上步骤，开发者可以使用HBuilder轻松地将Web项目打包成原生App，无论是对于快速原型测试还是发布正式应用，都是非常便捷的工具。不过，需要注意的是，为了保证应用在不同设备上的表现，开发者还需要对各种...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值