思路：

hbuidlerX快速搭建

步骤：

下软件件注册账号

打开Hbuilder创建 5+APP页面

修改index.html代码如下：

<!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><script type="text/javascript">var plusReady = function (callback) {if (window.plus) {callback();} else {document.addEventListener('plusready', callback);}};plusReady(function () {var firstBack = 0;var handleBack = function () {var currentWebview = plus.webview.currentWebview();var topWebview = plus.webview.getTopWebview();var now = Date.now || function () {return new Date().getTime();};currentWebview.canBack(function (evt) {/**  * 有可后退的历史记录，则后退。  * 否则，关闭当前窗口。  * 如果当前窗口是入口页，那么执行退出的逻辑。  */  if (currentWebview.id === plus.runtime.appid) {  if (!firstBack) {firstBack = now();plus.nativeUI.toast('再按一次退出应用');setTimeout(function () {  firstBack = 0;}, 2000);} else if (now() - firstBack < 2000) {plus.runtime.quit();}} else {if (evt.canBack) {history.back();} else {currentWebview.close('auto');}}});};plus.key.addEventListener('backbutton', handleBack);plus.webview.open("https://www.baidu.com/")});</script>
</head>
<body></body>
</html>

打包

发行

打包成功

本地能调试的继续往下看

发现无法调试，百度发现需要安装模拟器，需要配置，我下的夜神

注意以下两个配置

同学的一个h5页面嵌入APP的需求，10分钟搞个demo相关推荐

微信小程序中内嵌一个h5页面
1.写好要嵌入的html页面 PS:我是用sublime编辑器编写的html页面,从后台服务器上面读取数据(富文本的内容),追加到body里面,再上传到前端服务器上面 2.把h5文件夹(包括多个需要内 ...
H5页面与app的交互（jsBridge）和小程序的交互（weixin-js-sdk）
各端引用H5页面,H5跳回各端交互. 1.H5页面与app的交互(jsBridge): 在main.ts里面: const ua = window.navigator.userAgent; let A ...
微信H5页面嵌入百度地图---解决手机的webKit定位，ios系统对非https网站不提供支持问题
微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题参考文章: (1)微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非http ...
html5页面和app的区别,H5页面与APP区别何在
APP相信大家都非常熟悉,就是手机里经常安装的软件程序,它都需要经过下载安装的步骤才能打开产品进行操作.不过H5页面和APP却有比较大的区别,它不需要经过下载安装,直接能够在浏览器和微信等社交平台中打 ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...
视频教程-10分钟搞定 php+H5手机网页微信支付在线视频教程（含源代码）-微信开发
10分钟搞定 php+H5手机网页微信支付在线视频教程(含源代码) 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. ...
h5页面嵌入android app时遇到的问题
1.h5页面通过 .css("transform") 或 .style.transform 获取 transform属性,并通过 split 方法解析页面translateY ...
(实战)Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5
作者:围的围 https://juejin.im/post/5dc81428e51d4523632ee793 前言想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇 ...

同学的一个h5页面嵌入APP的需求，10分钟搞个demo

思路：

步骤：

下软件件注册账号

打开Hbuilder创建 5+APP页面

修改index.html代码如下：

打包

发行

本地能调试的继续往下看

同学的一个h5页面嵌入APP的需求，10分钟搞个demo相关推荐

最新文章

热门文章