移动混合H5开发
文章平均质量分 83
AndyYuan317
种一颗大树最好的时候是十年前,其次是现在!
展开
-
ScrollView中嵌套WebView底部留白问题解决
本博客从根本上解决掉ScrollView嵌套WebView导致底部留有大面积空白问题。原创 2021-12-30 16:37:53 · 3480 阅读 · 4 评论 -
Android中的WebView中加载非Http(s)的URL导致net::ERR_UNKNOWN_URL_SCHEME
最近开发遇到加载一个百度网盘的URL(加载的URL为https开头的),使用的是Android应用中WebView来加载实现的,就出现了net::ERR_UNKNOWN_URL_SCHEME的错误:如下图:一、出现的原因因为webview只能识别http, https这样的协议,像一些支付宝(alipays://)、微信(weixin://)、去哪儿(qunaraphone://),他们自定义的协议webView是无法识别的,因此就会出现:ERR_UNKNOWN_URL_SCHEME这样的错误。原创 2020-10-15 14:53:48 · 5125 阅读 · 14 评论 -
Android原生中获取当前应用中有多少WebView
ArrayList<IWebview> weblist = SDK.obtainAllIWebview(); for (int i = 0; i < weblist.size(); i++) { String whichUrl = weblist.get(i).getOrig...原创 2020-06-28 14:06:47 · 510 阅读 · 0 评论 -
Android原生和MUI(也适合H5与原生交互)交互
上篇文章中讲述了Android原生怎么集成MUI框架的(Android原生集成MUI框架进行混合开发),这篇文章接上篇文章来继续讲解在Android集成了MUI(或者H5)后进行原生与H5之间的通讯功能,从而实现其交互功能(项目Demo如下,有需要的可以下载查看):1在mui中新建通讯类插件nativeManager.js,代码如下:/** * 原生平台操作管理器 */var ...原创 2019-11-08 16:50:39 · 1695 阅读 · 3 评论 -
android与js的交互之jsbridge使用
众所周知,app的一些功能可能会使用到H5开发,这就难免会遇到java与js 的相互调用,android 利用WebViewJavascriptBridge 实现js和java的交互,这里介绍下JsBridge第三方库的使用。github传送门:https://github.com/lzyzsd/JsBridge简单分析java与js相互调用如下:java发送数据给js,js接收并回传...转载 2019-09-11 14:37:26 · 182 阅读 · 0 评论 -
Android在WebView中使用H5来调用本地相机相册的方法
最近在做一个项目需求是在Android原生的Activity中嵌套一个WebView来做混合开发,之前也做过这样的开发方式,一般都是纯H5的逻辑使用,但是这次使用的是H5来调用本地的相机相册,下面坑来了:1:首先Android原生和H5的交互的集成问题。2:H5中调用本地的相机相册和视频拍摄是调用不起来的,需要原生自己调用。3:WebView在使用过程中会出现一系列问题。首先解...原创 2019-09-06 15:29:01 · 5872 阅读 · 2 评论 -
JS判断Android手机型号
使用mui开发H5应用的时候出现适配不同Android手机型号的需求,如下:var ua = navigator.userAgent;var phoneType = ua.indexOf("vivo Y71A");//括号中是手机型号其中的ua就是包含手机型号的字符串,phoneType返回-1表示不是此手机型号。...原创 2019-08-07 10:35:12 · 1023 阅读 · 0 评论 -
Android中调用H5中WebView中的方法
在Android原生中可以通过底层获取到嵌入原生中的WebView,并且调用H5中的方法,具体如下:ArrayList<IWebview> weblist = SDK.obtainAllIWebview(); for (int i = 0; i < weblist.size(); i++) { ...原创 2019-07-27 19:39:56 · 1962 阅读 · 0 评论 -
HBuilderX报Uncaught SyntaxError: Unexpected identifier 错误的解决方案
今天做H5应用的时候登录怎么都登不上去了,一直报Uncaught SyntaxError:Unexpected identifier 错误如下:网上查询了很久发现解决方案是:由于在代码中的变量中使用了let方法,这个在高版本的浏览器中是不会报错的,然后在低版本浏览器中(比如谷歌37)他就会报出上述的错误 Uncaught SyntaxError: Unexpected identifi...原创 2019-03-11 11:28:00 · 5884 阅读 · 0 评论 -
什么是Cordova?Cordova在Android中的应用
前言最近在做一个项目需要使用到H5混合开发,需要研究Cordova框架,看了其中的源码和实现方式,当场在看的时候马上能理解,但是事后再回去看相关源码时候却发现之前理解的内容又忘记了,又不得不重新开始看,所以总觉得需要记录下来,这样也表明之前也是学习过,俗话说「好记性不如烂笔头 」,想必也是体现了笔记的重要性。目录 为何要用Cordova 什么是Cordova Co...原创 2018-08-21 13:57:24 · 6087 阅读 · 0 评论 -
Windows环境下搭建Ionic+cordova环境开发混合移动APP
网上有多篇ionic开发环境搭建的文章,但是针对windows下的说明比较少,所以在这里再补充一篇windows下的开发环境搭建文章1.nodejsnodejs官网:https://nodejs.org/en/它会自动检测当前OS类型,并提供下载地址Windowsimage.png下载完成后,双击打开进入安装界面,选择安装地址,一路下一步即可image.pn...原创 2018-12-20 11:11:01 · 287 阅读 · 0 评论