客户需求:禁止微信内的H5页面上下拖动; 解决方案: 网上的答案几乎都是阻止默认事件,即: 但是使用这个方法还存在一定的问题: bug1:有时生效有时失效; 原因:经过不间断的实践测试,发现有可能是网络加载的问题,在用户拖动页面的时候上面的功能代码还没加载出来,所以没有生效。 解决方法:监听页面资源 ...
分类:
微信 时间:
2018-06-08 14:31:44
阅读次数:
362
一般H5页面在进行分享的时候,都会生成一个分享卡片,但是这些卡片的生成是很多时候是我们是想要生成的卡片, 对于QQ,我们只需要在html页面里加如3个标签即可,如下: 对于上面的代码: itemprop="description" 为分享生成卡片的描述 itemprop="name" 为分享生成卡片 ...
分类:
其他好文 时间:
2018-06-07 19:36:41
阅读次数:
1797
最近开发的时候遇到了一个很头疼的问题。就是在手机页面中点击输入框的时候,会弹出一个软键盘。这个时候在有些手机中底部position设置了absolute和fixed的值会被顶上来。 网上查阅了一下原因,说是因为软键盘弹出的时候页面的高度的值被改变了,所以定位的元素就被挤到上面来了。 然后在网上搜索了 ...
分类:
其他好文 时间:
2018-06-05 21:20:56
阅读次数:
169
一、APP内嵌H5和原生的区别 1、原生的页面运行速度快,比较流畅。H5页面相对原生的运行性能低,特别是一些动画效果有明显卡顿。 2、H5页面的很多交互都没有原生的好,比如弹层、输入时候的页面滑动 等。H5的效果相对比较low,没有原生的好看,也没有原生默认的动画等效果。 3、原生APP修改页面要重 ...
分类:
移动开发 时间:
2018-06-03 12:23:49
阅读次数:
194
之前我们在使用vue进行 h5 表单录入的过程中,遇到了Android软键盘弹出,覆盖 h5页面 输入框 问题,在此进行回顾并分享给大家: 系统:Android 条件:当输入框在可视区底部或者偏下的位置 触发条件:输入框获取焦点,弹出软键盘 表现:软键盘 覆盖 h5页面中的输入框 问题分析: 1.发 ...
分类:
移动开发 时间:
2018-05-30 18:13:24
阅读次数:
260
做H5页面时需要添加背景音乐,方法如下 方式一:<video controls="" autoplay="" name="media"><source src="音乐" type="audio/mpeg"></video> 这种方式显示播放器。 方式二:<embed src="music/We Do ...
分类:
Web程序 时间:
2018-05-30 17:30:26
阅读次数:
396
最近排查androidwebviewhttps的发热耗电和加载速度慢问题问题:H5页面发热耗电排查:通过androidstudioprofiler查看CPU消耗曲线,发现静置情况下webview轮播图波浪式消耗CPU,且峰值高达45%。因为WebView加载的H5页面中的动画导致的是整个WebView的重绘。解决:换用X5内核,没能解决CPU峰值高问题。发现轮播图是JQUERY写的,换用纯js实现
分类:
移动开发 时间:
2018-05-28 17:59:22
阅读次数:
376
有些事情经历过之后才会发现,原来再次之前我是如此的啥,因为是第一次做,毫无头绪,有时会想假如有个一demo就好了,那么就不会花费这么多的无用功了。今天使用mui 的webview实现了一个H5页面的上拉加载下拉刷新的效果,拿出来和大家一起分享一下,希望各位博友有用,当然啦有的时候坑会很多,但是只要我 ...
分类:
Web程序 时间:
2018-05-26 21:51:47
阅读次数:
378
之前我们在使用vue进行 h5 表单录入的过程中,遇到了Android软键盘弹出,覆盖 h5页面 输入框 问题,在此进行回顾并分享给大家: 系统:Android 条件:当输入框在可视区底部或者偏下的位置 触发条件:输入框获取焦点,弹出软键盘 表现:软键盘 覆盖 h5页面中的输入框 问题分析: 1.发 ...
分类:
移动开发 时间:
2018-05-22 10:44:01
阅读次数:
253