当前位置:首页 > 网站建设 > 建站交流 > 正文内容

使用uni-app把h5网页封装成安卓app

热淘网6个月前 (11-13)建站交流336

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
官网地址: https://uniapp.dcloud.io/

开发需要使用到HBuilderX软件
下载地址: https://www.dcloud.io/hbuilderx.html

创建一个uni-app项目

使用web-view组件

修改 page/index/index.vue文件

<template>
<view class="content">
<web-view :webview-styles="webviewStyles" src="http://www.baidu.com">
</web-view>
</view>
</template>
<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {},
		methods: {}
	}
</script>

设置内嵌的页面高度为100%

<style>
.webviewStyles{
    height: 100vh !important;
}
.content {
    height: 100vh !important;
}
iframe{
    height: 100% !important;
}
</style>

运行测试


重浏览器自带的手机网页模拟器中可以看到页面上方有个一个title


重页面的源代码中可以看到uni-page-wrapper标签是内嵌的网页主题内容,title内容在uni-page-header标签里面

去除title元素

在App.vue文件中添加样式

/*每个页面公共css */
<style>	    
/*隐藏head标签*/	
uni-page-head{display: none;} 
/*body高度100%*/
uni-page-wrapper{height: 100% !important;}
</style>

刷新页面可以看到title内容已经消失了。

发布安卓app


  • 勾选Android,取消iOS的勾选

  • 证书选择测试的证书

  • 点击打包

  • 打包完成会在HBuilderX程序的控制台输出一个下载链接,下载即可。



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

版权声明:本文由网站标题发布,如需转载请注明出处。

本文链接:https://www.retao5.com/jianzhan/1525.html

标签: uniapph5打包
分享给朋友:

相关文章

给大家分享2个把普通资讯论坛帖子转为门户文章的SQL

给大家分享2个把普通资讯论坛帖子转为门户文章的SQL

[i]有一个网站 以前把论坛的一个板块设置为 XX新闻 当作发布新闻和专门版面 现在转到DX后把门户的新闻作为 网站的新闻资讯版把原来的 论坛XX新闻 里的帖子和回复也转过来, 下面4个SQL 语句...

19天全新网站如何突围2900万索引量热门词到首页

19天全新网站如何突围2900万索引量热门词到首页

百度权重也成功达到了2。而且今天关键词上去后效果立竿见影,一天的时间来了十几个咨询电话,老板很高兴,同样我也很高兴,终于努力了十几天得到了回报。   所以今天来和大家再总结一下昨天没有提到的一些相关优...

seo评分标准

seo评分标准

内部链接文字:10分标题title:10分域名:7分H1,H2字号标题:5分每段首句:5分路径或文件名:4分相似度(关键词堆积):4分每句开头:1.5分加粗或斜体:1分文本用法(内容):1分title...

Linux查看CPU和内存使用情况

Linux查看CPU和内存使用情况

在系统维护的过程中,随时可能有需要查看 CPU 使用率,并根据相应信息分析系统状况的需要。在 CentOS 中,可以通过 top 命令来查看 CPU 使用状况。运行 top 命令后,CPU 使用状态会...

傻瓜式把飞飞影视系统的官方资源库变成自己的

傻瓜式把飞飞影视系统的官方资源库变成自己的

飞飞影视系统的官方资源库经常打不开,让人非常烦恼,迫不得已自己研究了下官方的采集库,找到解决途径1.在Lib/Lib/Action/Admin/XmlAction.class.php文件中加入下面一段...

MySQL为什么会有一大堆在Sleep的进程

MySQL为什么会有一大堆在Sleep的进程

[b]关于php应该在何时调用mysql_close()以及pconnect方式和传统方式有何种区别收藏[/b]以前我一直认为,当php的页面执行结束时,会自动释放掉一切。相信很多人都跟我想的一样。但...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。