简介

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文件,把web-view 标签的src属性换成你的应用的访问路径

<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程序的控制台输出一个下载链接,下载即可。

使用uni-app把h5网页封装成安卓app相关推荐

h5app、htmlapp、网址网页app，网页封装成苹果APP
h5app.htmlapp.网址网页app,网页封装成苹果APP 网页封装成苹果APP 网页封装成苹果APP 不用签名将网页封装成苹果APP,无需苹果企业签名,IPA签名,ios签名,免越狱安装 (本 ...
使用uni-app把h5网页封装成app
hbuildx创建一个uniapp选择默认模版直接上代码修改 page/index/index.vue文件,把web-view 标签的src属性换成你的应用的访问路径 <template&g ...
H5 应用封装成 ios app（PWA ），无需开发者账号。
ios提供了PWA支持,通过manifest.json来配置具体属性,包含应用名称,应用图标等.具体示例如下: 1. 在h5 首页中加入 manifest <!DOCTYPE html> ...
使用android studio将h5项目打包成安卓app
android studio 2021.2.1 android 11 首先下载安装 android studio 创建项目,选择 Empty Activity. app图标与名称制作五组图标,每一对 ...
不要签名证书将网页打包封装成苹果APP，无需苹果企业签名，IPA证书签名，ios签名证书，免越狱安装...
不用签名证书将网页封装成苹果APP,无需苹果企业证书签名,IPA证书签名,ios证书签名,免越狱安装 (本方法只支持网站封装app,原生的用不了,详细请咨询客服) 近期很多朋友问我把网站变成app的 ...
很多人问如何把网页封装成app呢？
很多人问如何把网页封装成app,其实网页可以封装小程序,话不多说先分享教程 (小程序基本一样) 一.进入DCloud官网下载HBuilderX开发工具首先我们要打开DCloud的官网,下载第一个HB ...
如何将h5网页改成微信网页
1.如何将h5网页改成微信网页 1.设置安全域名先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名&qu ...
如何将网页转换成Android APP
我们可以利用Cordova和Ant将网页转换成Android App 一.如何安装 Cordova除了要安装node.js,还要安装 1.Java 的JDK 2.android的sdk 3.Apach ...
30款APP源码打包 Java Android安卓App源码 30款打包下载
[30款APP源码打包 Java Android安卓App源码 30款打包下载](访问密码: 168168)(https://474b.com/file/29013429-461457489)

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

文章目录

简介