![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5混合开发
AndyYuan317
种一颗大树最好的时候是十年前,其次是现在!
展开
-
ScrollView中嵌套原生控件+WebView+原生控件出现的WebView滑动顶部的冲突问题。
开发中常有一个界面中为了灵活动态可配,常常出现在一个界面中添加WebView来加载动态URL,界面如下所示(图中最外层为ScrollView,红色为原生控件,中间的绿色是一个WebView来动态加载URL的实现):这个时候会出现如下问题:1:如果采用Android原生的WebView来实现,因为原生WebView阉割了很多功能,就会出现各种兼容问题,如URL中有Video.js中的视频之类的就不能全屏播放,一些特定的需求也不能实现。2:这个时候我们解决方案是使用腾讯的X5WebView来原创 2020-11-11 18:07:57 · 584 阅读 · 0 评论 -
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 · 5856 阅读 · 14 评论 -
Android原生和MUI(也适合H5与原生交互)交互
上篇文章中讲述了Android原生怎么集成MUI框架的(Android原生集成MUI框架进行混合开发),这篇文章接上篇文章来继续讲解在Android集成了MUI(或者H5)后进行原生与H5之间的通讯功能,从而实现其交互功能(项目Demo如下,有需要的可以下载查看):1在mui中新建通讯类插件nativeManager.js,代码如下:/** * 原生平台操作管理器 */var ...原创 2019-11-08 16:50:39 · 1737 阅读 · 3 评论 -
Android原生集成MUI框架进行混合开发
开发APP中我们经常进行原生结合H5进行混合开发,下面将进行详细讲解Android原生集成MUI框架进行混合开发(项目Demo如下,有需要的可以下载查看):1:mui官方框架介绍及开发要点:(https://dev.dcloud.net.cn/mui/)如下为官方页面: 今天我们就要把这个号称最接近原生开发的框架集成到我们Android原生本地中。2:首先作为例子我们下载下来...原创 2019-11-05 15:44:20 · 4827 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
Android在WebView中使用H5来调用本地相机相册的方法
最近在做一个项目需求是在Android原生的Activity中嵌套一个WebView来做混合开发,之前也做过这样的开发方式,一般都是纯H5的逻辑使用,但是这次使用的是H5来调用本地的相机相册,下面坑来了:1:首先Android原生和H5的交互的集成问题。2:H5中调用本地的相机相册和视频拍摄是调用不起来的,需要原生自己调用。3:WebView在使用过程中会出现一系列问题。首先解...原创 2019-09-06 15:29:01 · 5971 阅读 · 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 · 1034 阅读 · 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 · 1975 阅读 · 0 评论 -
mui刷新当前页面和返回当前页面刷新处理
1:使用mui开发的时候出现一个需求是刷新当前页面,有一个列表数据展示项,当点击删除其中一项让页面做一个刷新:只需要在删除逻辑后添加一句:location.reload();就可以了。2:当A页面进入B页面后在B页面做了操作,当在B页面完成操作后返回A页面后要在A界面做刷新处理:在B界面添加如下:mui.init({ beforeback: function() {...原创 2019-07-18 10:05:21 · 9311 阅读 · 0 评论 -
本地图片或拍照文件进行base64编码,百度进行识别的解决方案
当使用plus.gallery.pick选取文件的时候其实返回给我们的是一个本地文件URL路径。但是在使用的时候有的时候是需要一个文件对象,比如当把一个本地图片转换为base字符串的时候就出现了这个问题:如下:核心代码如下:/* * 本地图片的绝对路径地址 转换成base64编码 如下代码: */ function getBase64Images(l...原创 2019-05-14 17:30:46 · 2438 阅读 · 0 评论 -
6张思维导图帮你搞定HTML和CSS
这6张思维导图帮你搞定HTML和css:高清图片下载地址:6张思维导图帮你搞定HTML和CSS第2张:第3张图第4张图:第5张图:第6张图:原创 2019-04-30 11:20:17 · 601 阅读 · 0 评论 -
移动端禁止body内容上下滑动
直接给body设置这两个属性就可以了。body { height: 100%; overflow: hidden; }如果还是不行做如下设置:<body ontouchmove="return false;">....</body>...原创 2019-04-18 16:25:28 · 1681 阅读 · 0 评论 -
mui框架获取手机设备当前IP地址信息
最近在做H5的一个项目,有一个需求是使用H5来获取手机的IP地址,如果不在一个网段就跳转到APN设置界面让用户手动设置;js代码如下所示:// 全局抽取出来获取设备当前IP地址function getIp() { var ip = "127.0.0.1"; var Context = plus.android.importClass("android.content.Co...原创 2019-04-04 16:59:04 · 3042 阅读 · 0 评论 -
JS中$含义及用法
$在JS中本身只是一个符号而异,在JS里什么也不是。但在JS应用库JQUERY的作者将之做为一个自定义函数名了,这个函数是获取指定网页元素的函数,使用非常之频繁,所以好多新手不知道,还以为$是JS的什么特殊语法。后来,可能有些程序员JQUERY用得多了,发现$这个函数很好用,很方便,所以,在不用JQUERY的情况,一般自己也会自定义一个$函数。即:function $(Nid){ ...转载 2019-03-15 11:17:32 · 32321 阅读 · 6 评论 -
JS中查看Object对象信息
最近在做H5开发,在JS+HTML+css中不像Java语言面向对象比较好理解(可能没有习惯),里面的变量都是使用var来定义的,对象信息也是保存在var中的,想看对象中的信息,这里通过控制台打印出来对象信息代码如下: // getInfo是个对象,现在需要查看该对象的信息信息 var property = ""; for (var item in getInfo) ...原创 2019-03-15 10:51:35 · 1955 阅读 · 0 评论 -
HBuilderX报Uncaught SyntaxError: Unexpected identifier 错误的解决方案
今天做H5应用的时候登录怎么都登不上去了,一直报Uncaught SyntaxError:Unexpected identifier 错误如下:网上查询了很久发现解决方案是:由于在代码中的变量中使用了let方法,这个在高版本的浏览器中是不会报错的,然后在低版本浏览器中(比如谷歌37)他就会报出上述的错误 Uncaught SyntaxError: Unexpected identifi...原创 2019-03-11 11:28:00 · 6012 阅读 · 0 评论 -
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 · 525 阅读 · 0 评论