日妈常说的H5页面，为啥叫H5页面嘛，不就是手机上展示的页面吗？那是因为啊手机兼容所有html5新特性，所以跑在手机上的页面也叫h5页面，跨平台（安装ios),基于webview，它就是终端开发的一个组件，简单理解就是一个浏览器，放入url就可以访问地址，而webview基本上都是基于webket的 ...
分类：
移动开发 时间：
2019-07-02 22:43:29
阅读次数：
136
在 H5 页面中，会发现在高版本的 IOS 系统中（ios12以上）和微信版本6.7.x以上，都会发现 input 等输入框，输入内容之后发现虚拟键盘消失，但是页面出现大面积白框。 解决办法（最后加上是否是微信浏览器）： document.addEventListener('focusout', ( ...
分类：
移动开发 时间：
2019-06-21 18:39:28
阅读次数：
147
昨天刚到公司收到了内部邮件，让调研是否可以由H5页面直接唤起APP。因为之前搞过这个东西，所以直接回复可以唤起，但是与前端联调时，遇到了种种的坎，所以今天特此记录一下，方便以后使用。 首先H5唤起APP，需要在H5和APP中进行不同的设置。 原理说明 首先需要说明，不管iOS还是Android，浏览 ...
分类：
移动开发 时间：
2019-06-18 00:32:38
阅读次数：
452
相信很多朋友遇到过有些网站，可以直接通过一个连接就能让你的手机打开微信且跳转到某个指定的页面，许多程序员很好奇到底是怎么实现的，到处求这种方法的源码，在文本中我会介绍及剖析这种跳转实现的原理。微信是个比较封闭的环境，至于为什么封闭，相信大家都了解，在一些应用场景中，我们要用到外部浏览器跳转到微信内部 ...
分类：
微信 时间：
2019-06-17 17:03:29
阅读次数：
1595
一、普通h5页面手机端调试 此种方式最简单，在安卓手机中安装安卓版 chrome，USB 连接 PC，然后在 PC 的 chrome 浏览器中打开 chrome://inspect 即可。 三、基于webkit核心的webview端调试 从 Android 4.4 开始，webkit是支持远程调试的 ...
分类：
移动开发 时间：
2019-06-13 17:20:12
阅读次数：
283
用小程序提供的wx.miniProgram.getEnv可以获取环境参数 ...
分类：
微信 时间：
2019-06-10 15:26:32
阅读次数：
252
一、需求 RN-webview禁止缩放，即固定屏幕大小，但同时要能够监听到其他手势识别 二、实现 仅仅设置webview的大小自适应是不够的，因为webview所引入的h5页面有可能是能够缩放的。 因此先向h5页面注入代码： 而后设置webview： 即可固定页面。 ...
分类：
Web程序 时间：
2019-06-07 22:38:11
阅读次数：
309
很多APP使用H5编写，但APP链接的是远程的url的模式，导致了APP的用户体验极差，因为当你使用远程的H5 url的时候，打开H5页面的速度由网络决定，而不是由手机性能决定，假如用户在没有网络的地方打开APP，甚至出现迟迟打不开APP界面，出现白色空白页的情况，造成用户一直在等待。 ...
分类：
移动开发 时间：
2019-06-07 10:54:52
阅读次数：
189
才发现 移动端项目怎么会有那么多问题呢？ 现在不用搞ie的hack兼容问题了 又来了h5的兼容 哎，问题还是得解决啊 言归正传 问题：移动端h5页面，文本行高偏上的问题，（据说ios手机没有），咱也没ios手机，咱也不敢问啊，有的大佬试试 当我们使用rem，em，作适配时，字体可能出现奇数，带小数点 ...
分类：
移动开发 时间：
2019-06-05 11:22:28
阅读次数：
667
引言 全民直播时代已经到来。现在的直播必然需要支持手机直播，如果能够嵌入到全面宠儿微信中，那就能深度民心了。从技术上而言，微信直播，自然需要使用H5页面。目前手机浏览器不支持RTSP、RTMP，想要在手机微信上直播那就需要HLS视频流。 如果能够将小区、工程、学校、园区、街道等等某个区域内的所有监控 ...
分类：
微信 时间：
2019-06-05 00:12:32
阅读次数：
197
