使用HBuilder - wap2app 打包vue写的移动端项目 禁用原生标题栏

最新推荐文章于 2024-04-24 09:45:28 发布
最新推荐文章于 2024-04-24 09:45:28 发布
阅读量837 收藏 1
点赞数 1
分类专栏： vue 文章标签： app vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuewengang/article/details/106069462
版权
解决方案

HBuilder将做的移动端打包成app。
在 sitemap.json 文件里
1、把global里的titleNView值设置为false
2、在sitemap.json的pages数组的最后,适配url规则为从上而下,配置一个webviewid为common的webview，容纳所有随机打开的窗口
在这里插入图片描述
在这里插入图片描述

爱笑的刚刚
关注
专栏目录
vue项目打包wap2app项目生成apk保姆级教程适合新手看，建议收藏
m0_46907318的博客
07-26 1217
已有域名网站打包成apk软件
Vue项目实战-vue2(移动端)
m0_57860459的博客
03-07 9205
Vue项目实战(移动端)# 相关资料 (一) 创建项目 (二) 禁用Eslint (三) devtool (四) 添加less支持 (五) vue路由配置(背诵) (六) 父子组件通信(背诵) (七) axios拦截器(背诵) (八) Sticky 粘性布局 (九) 图片懒加载 (十) 全局注册组件 (十一) slot插槽 (十二) 使用ui库需要关注的三点 (十三) 三种路由传参方式(背诵) (十四) 模拟数据 (十五) 计算属性computed和属性观察watch (十
去掉开发app时新建项目后顶部的标题栏和设置全屏
水舞残枫的博客
05-12 827
只需要将src->res->values->values中的styles.xml改为：
关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决
官方推荐
04-19 3330
关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决 如果我们是通过Vue技术写的移动端，开发完成后我们的项目需要放到服务器上，然后我们在将服务器上面的项目打包apk格式 wap2app将网页打包成apk步骤 使用HbuilderX创建一下wap2app项目 我们选择创建 wap2app 的项目 起一个项目名称 是我们要打包的地址，就是我们（服务器上）项目的入口页面 wap2app项目的存放路径 点击创建 项目结构如下 配置 manifest.json 文件 Ap
探秘Wap2App：打造跨平台的Web App神器
最新发布
gitblog_00043的博客
04-24 634
探秘Wap2App：打造跨平台的Web App神器 wap2app 将M站快速转换成App的开发框架 项目地址: https://gitcode.com/dcloudio/wap2app 是由DCloud（即...
webpack + Vue + Hbuilder 打包成App，混合app开发，一个人搞定
weixin_33941350的博客
07-23 1247
前几年经常用到Hbuilder的开发期，那时候react, vue还没有形成趋势，项目一般采用mui UI组件库，对Hbuilder相关开发略知一二 Hybrid 混合式开发 近几年国内vue大火，公司项目采用Hybrid 混合式开发, 用Hybrid + Vue的开发模式 人员配置： 1位安卓人员 1位ios开发人员 1-2位前端开发， N位后台 在人员配置方面，可能少了几位原生开发...
wap2app 隐藏系统状态栏
失忆蝴蝶
09-02 670
此次创建Wap2App项目，是因为APP项目不支持SSE，所以将H5项目打包，Wap2APP
Vue移动端项目（二）
qq_48687155的博客
08-20 442
Vue移动端项目（二）
vue滑动选择日期插件_vue-hash-calendar，移动端日期时间选择插件（使用篇）
weixin_39849942的博客
12-23 747
按照惯例，先上效果图imageimageimagevue-hash-calendar基于 vue 2.X 开发的日历组件支持手势滑动操作·1原生 js 开发，没引入第三方库上下滑动 切换 周/月 模式【周模式中】 左右滑动可切换 上一周/下一周【月模式中】 左右滑动可切换 上一月/下一月安装使用说明npm i vue-hash-calendar// 在入口文件中(main.js)，导入组件库imp...
vue项目实战(移动端)
m0_65769258的博客
04-16 6576
相关资料# vue-cli脚手架:vue2脚手架 vue3脚手架:vite vue官网: [介绍 — Vue.js vscode插件 vetur 必备工具 vue-helper 一些辅助功能 Vue VSCode Snippets 片段 (一) 创建项目# 01 安装vue-cli脚手架# npm install -g @vue/cli 02 查看vue脚手架版本# 出现版本号表示成功 vue --version 03 创建一个新项目# 创建项目 vue ..
基于vue的uni-app生态——学习笔记001
qq_63690649的博客
03-14 2443
基于vue的uni-app生态——学习笔记001
wap2app去除系统自带的导航栏
陈小白
04-13 2239
有时候我们做移动端的项目的时候，有属于自己的导航栏，在通过网站变成APP, 就会形成两个导航栏，这个时候我们就是去掉原生带来的; 1.找到项目的sitemap.json文件 2.找到global里面的titleNView，把它变成false 3.这步如果没有写的，你就会发现项目的话，只是把你导航栏的样式，颜色什么都去掉，变成默认的原生导航栏，白灰色的导航，但并没有消失，我...
HBuilderX打包web网站之wap2app设置底部菜单tabBar
sinat_25884075的博客
07-06 2022
上面是真实案例，首页、在看、我的就是我设置的菜单，还可以设置图标，填写图片网络地址就行。下面是代码，可以直接用：第一步，先下载2个文件或者复制也行，那就新建吧:分别新建一个css文件，命名为 __wap2apptabbar.css 第个文件命名为：__wap2apptabbar.js 第三步，取消注释： 第四步，在client_index.html设置tabBar代码： 第6步，在sitemap.json文件配置一下： 第7步，运行到真机上测试了，ok了。官方文档说明：选项卡切换优化
uni-app在打包h5标题隐藏
青衫折扇的博客
05-13 2378
在我们用uni-app打包h5项目的时候会出现两个标题 我们需要把下面标题隐藏掉， 只需要在项目Vpp.vue公共css隐藏一下 <script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('
HBuilderX Wap2App(H5)打包APP去除顶部导航栏
奥特曼不想打小怪兽
09-14 4110
自己收藏方便以后用,原文链接。 修改sitemap.json { "global" : { "webviewParameter" : { "titleNView" : false, "statusbar" : { "style" : "dark", "background" : "#F7F7F7" }, "appendCss" : "", "appendJs" : "" }, "easyConfig" : { "quit" : {
wap2app双标题，如何禁用原生标题栏
qq_37301074的博客
08-15 5085
说明： 首先说明，官方建议隐藏HTML的头header，而不是隐藏wap2app的原生头。 因为wap2app的原生头渲染更快，页面加载时不会出现整屏白屏的情况。 情景： 但是wap站的header中已存在相关的逻辑，功能全部移到原生标题栏上很是麻烦。因此，为了解决双标题问题，需要禁止原生标题栏。 如何隐藏？ // 直接上干货 { "global": { "webviewParameter...
【HBuilder】wap2app禁用原生标题栏，解决 “双标题” 的问题
美奇软件开发工作室
11-23 3282
一、先看一下遇到的问题，看下图就知道什么是双标题了。 二、解决方案： 1、将global里的titleNView设置为false 2、在sitemap.json的pages数组的最后，注意是最后（适配url规则为从上而下），配置一个webviewid为common的webview，来容纳所有会随机打开的窗口，进行你的操作。代码如下： {//未适配的公共页面，可拦截原生下载和头部导航栏...
web2app去掉导航栏
仲广绪的博客
07-16 1806
{ "global": { "webviewParameter": { "titleNView":false, "statusbar": { //系统状态栏样式(前景色) "style": "dark" }, "appendCss": "", "appendJs": "" },
wap2app关闭系统自带导航栏
weixin_45079323的博客
11-06 1894
wap2app关闭系统自带导航栏 上代码！话不多说 修改sitemap.json文件 { "global" : { "webviewParameter" : { "titleNView" : false, "statusbar" : { "style" : "dark", "background" : "#F7F7F7" }, "appendCs...
Vue项目使用HBuilder打包成APP详细教程
"vue-cli或vue项目利用HBuilder打包成移动端app操作" Vue CLI 和 Vue.js 项目可以通过HBuilder工具转换为移动端的应用程序，这个过程涉及多个步骤，包括项目运行、配置修改、文件打包、目录创建、应用转换以及调试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值