H5 移动端获取当前位置
3种方法：1、H5自带的方法，获取经纬度2、通过地图提供的JS。获取位置3、通过微信的API（这个需要公众号 / 小程序） 1、通过H5自带的获取经纬度的方法 优点： 需要引用的资源较少，H5自带的方法 缺点： 1、获取的经纬度偏差较大，如果需要配合地图使用，还需要使用地图提供 ...
相关推荐
H5移动端的 meta 如何设置 ，以及遇到的兼容问题
viewport设置 设置特定的样式 input问题 placehoulder会使文本位置偏移 设置type = number 之后pc端会出现 上下箭头（消除箭头） input ...
移动端H5，各种兼容问题集合
1.移动端页面收起键盘时，底部有空白：失去焦点时，滚动到顶部（IOS） <input type="text" οnblur="window.scrollTo(0, 0);"> 2.Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区 ...
h5移动端设备像素比dpr介绍
首先介绍一下概念 devicePixelRatio其实指的是window.devicePixelRatio window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例 ...
【原】pageResponse - 让H5适配移动设备全家(移动端适配)
上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题：是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢？按照自己以前的方法，通常会要求设计师设计2套的尺寸，一套是窄屏手机(如iPhone4)，另一套是宽屏手机(如iPhone5)，这样的好处不仅减少重构页面 ...
移动端H5调试
背景：开发PC页面的时候使用chrome浏览器的开发者工具，可以很容易的捕获到页面的dom元素，并且可以修改样式，方便调试；但是手机上却很麻烦，因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC，使用PC的开发者工具检测。 1.安卓手机调试工具chrome ...
移动端常见问题（H5兼容性+JS兼容性+css3兼容性）
h5 浏览器兼容性问题： 浏览器兼容性情况可以在这个网站查询 https://caniuse.com/ 绿色代表完全支持，黄色代表部分支持，红色代表不支持 右上角的黄色小短杠表示要加一些厂商前缀 兼容性测试： IE9-11 ...
js移动端---H5软键盘兼容问题
经历很多项目，都涉及输入框，总结一下移动端软键盘兼容问题 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 webview 表现不同。 在IOS12 上，微信版本 v6.7.4 及以上，输入框获取焦点，键盘弹起，页面（webview）整体往上滚动，当键盘收起 ...