navigator.geolocation vue H5定位在移动端ios版本12.2微信中不能使用

在vue的H5开发中,遇到在iOS 12.2版本的微信环境下,navigator.geolocation定位功能失效的问题。总结了三个坑:浏览器兼容性、必须使用HTTPS以及iOS 12.2微信的特殊情况。解决方案是在index.html中处理地理位置检测,安卓设备未出现此问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开发遇到的一点问题,在网上找了很久没有找到,解决之后,想总结一点自己心得,不喜勿喷。 以下都是vue开发,其他情况我没测试 也不知道。

第一个坑

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

IE9在W3c上说支持,但是在caniuse查到的并不支持。实测了一下 IE9支持。

第二坑

必须要采用https请求,这是改版之后,不然请求失败。

第三坑

ios版本微信12.2 即使https有时候也不能使用,这是为啥呢,我也不知道。 解决方案: 在index.html里面写方法,其他地方好像检测不到地理位置 安卓手机没有这种情况

附上代码

// 定位
            navigator.geolocation.getCurrentPosition(
                position => {
                    let lat = ''
                    let log = ''
                    lat = position.coords.latitude;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值