uniapp开发H5避坑指南

1、H5怎么禁用页面整体拖动的弹性效果(bounce效果)?
解决:在页面根元素上添加@touchmove.prevent

2、H5怎么获取地理位置经纬度?
方案1:使用HTML5原生APInavigator.geolocation.getCurrentPosition(successCallback, errorCallback, options);免费
方案2:使用高德Web端JSApi,AMap.Geolocation中的getCurrentPosition;感觉其原理就是方案1,脱裤子放屁了?
方案3:申请服务号,采用微信网页开发【微信网页开发文档】,接入JS-SDK后使用getLocation;针对需要在微信内打开的H5页面

HTML5的getCurrentPosition其原理是浏览器会按优先级调用定位方式:

  • GPS(精度高,适合户外)
  • Wi-Fi(依赖热点数据库,精度中等)
  • IP地址(精度低,仅作备用)
  • 基站/蓝牙(特定场景) ‌12

上述方案1、方案2在微信内置浏览器内不可用,微信不支持getCurrentPosition这个方法

 

posted @ 2025-11-14 15:52  风起南岸  阅读(12)  评论(0)    收藏  举报