html取消地理位置授权,HTML5浏览器定位三次不允许定位后不再弹出定位授权提示框...

最新推荐文章于 2024-02-28 13:48:19 发布
最新推荐文章于 2024-02-28 13:48:19 发布
阅读量2.2k 收藏
点赞数 1
文章标签： html取消地理位置授权

最近在微信H5页开发中遇到一个浏览器定位问题，使用geolocation定位时，IOS微信用户在点击三次取消授权定位后，页面就不会再弹窗提示获得定位授权。

经过调试发现错误信息是“Geolocation permission denied.”  浏览器默认认为用户已经拒绝授权获取位置，说明用户之前“不允许”操作已经被缓存下来，

不管是原生iOS APP嵌入单个h5页面，还是都是h5页面的webapp也好，只要涉及到定位都会遇到这个情况。当请求iOS开始定位的时候，会弹出一个提示框，提示你是否"允许"定位，允许定位继续下一步，如果一不小心点了下"不允许"之后，会发现，下次进到这个h5之后再也不会提示请求定位权限的提示框了。"不允许"被缓存了下来。再次调用geolocation会报 error.PERMISSION_DENIED 错误，而且没有相应的api能重启提示框。

解决办法很鸡肋，需要在系统中就行清理缓存的设置：

设置->通用->还原->还原位置与隐私

还原设置后打开APP需要重新授予获取位置权限

zpetertr
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5中地理位置定位api接口开发应用小结
01-19
地理位置定位的几种方式：IP地址，GPS，Wifi，GSM/CDMA 地理位置获取流程： 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。 3、假设用户允许，浏览器从设别查询相关信息。 4、浏览器将相关信息发送到一个信任的位置服务器，服务器返回具体的地理位置。 HTML5地理地位的实现： 1. 实现基于浏览器（无需后端支持）获取用户的地理位置技术 2. 精确定位用户的地理位置( 精度最高达10m之内，依赖设备 ) 3. 持续追踪用户的地理位置 4. 与 Google Map、或者 Baidu Map 交互呈现位置信息 G
HTML5 地理位置定位（HTML5 Geolocation）原理及应用 （调用GPS）
Just Code
05-13 4091
地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在 访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome 浏览器为例，如果您允许 Chrome 浏览器与网站共享您的位置，Chrome 浏览器会向 Go...
【小程序，h5页面】 踩坑之路
winnie_wu
10-29 539
01.【小程序】IOS 端在 showLoading 和 hideLoading 之后 showToast 会不显示 02. 【小程序】`1rpx border` 在 IOS 端显示不全问题 03. 【H5页面】img 标签 在 IOS 端不显示图片 04. 【H5页面】定位，拒绝授权后获取定位授权弹框不再显示 05.【小程序】 横向滚动，隐藏滚动条 06.【小程序】 修改按钮默认样式 07.【小程序】用数字控制循环次数
微信公众号 H5 JS-SDK wx.config授权的封装和调用（包括获取地理位置）
最新发布
dnbhh的博客
02-28 837
方法1：直接在想要分享的页面的onMounted函数设置要分享的参数。方法2：在app.vue页面调用Router.afterEach页面跳转时进行配置。2. 分享的函数 如果想要在那个页面分享就链接在那个页面的情况。1. 如果后端接口返回的。
html5定位不弹授权框,小程序地理位置授权，以及无法打开授权弹框的解决办法...
weixin_42515024的博客
06-08 2913
关于地理位置授权，因为不需要解密，也不需要sessionKey，所以步骤其实挺简单的，所以我想着重的解释一下每一个步骤中涉及的代码的意思。1、检查是否授权地理位置关于这一步，我觉得还是需要的，如果直接一上来就wx.getLocation 的话，我个人是觉得太粗暴了，这不太符合程序员的思维逻辑。/*** 客户是否已经授权地理位置* @param {Function} handlerAlready ...
HTML5实现获取地理位置信息并定位功能
12-13
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。 源码下载：点此下载 如何使用HTML5地理位置定位功能 定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的，所以我们在访问
HTML5的Geolocation地理位置定位API使用教程
12-13
在手持设备如此普遍的今天，位置信息对于应用程序来讲是极其重要的，打车应用可以根据用户的位置信息呼叫附近的车辆，团购软件可以根据当前的位置推荐附近的影院和美食，地图应用可以根据用户的位置快速规划到目的地的路线，可以说位置信息对于移动应用是不可或缺的。 为了顺应这个潮流，HTML5为我们提供了Geolocation库，有了它我们就能够在Web应用中轻而易举地实现上述这些功能。那么今天我就为大家介绍一下这个库的使用。 基本用法 首先，我们可以从浏览器的navigator对象中通过geolocation属性获取到一个Geolocation的实例，如下图所示： 图中我们可以看到，Geolocation
【HTML5 + API】 地理定位（Geolocation）之【Google 地图 API 用不了？不如换国内地图 API ！！】
iuukai
07-11 1544
文章目录前提百度地图 API （简单教程）1. 获取经纬度2. 处理错误和拒绝3. 在地图中显示结果注意！！！！！ 前提   这几天在菜鸟学习 HTML5 教程，学到地理定位，发现一个很严重的问题，Google 地理位置服务早已不提供给我国，然，各大教程的代码和方法，都是由 Google 服务支持的，那不就不可用了么？   菜鸟教程：HTML5 Geolocation（地理定位）   我的学习方法是必须照着敲一遍，然后再各大浏览器运行测试一遍，若都可兼容运行那我才会去消化掉这些知识。所以，我把代码放去 E
【前端探索】移动端H5获取地理位置的探索
luciozhang的博客
12-28 7953
由于现在做的是强依赖于LBS的业务，在业务迭代的两年间，我们遇到了无数关于Web页面上获取用户位置定位的问题，多年的踩坑经验，总结成了下面的文章，下面来好好回答这些问题。
h5获取安卓定位_HTML5实现获取地理位置信息并定位功能
weixin_39826984的博客
12-19 899
HTML5提供了地理位置定位功能(Geolocation API)，能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。源码下载：点此下载如何使用HTML5地理位置定位功能定位功能(Geolocation)是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设...
html5 调用谷歌地图定位,使用html5地理定位的网页不如谷歌地图准确?
weixin_36197248的博客
06-04 300
使用笔记本电脑上的浏览器Chrome,我打开了一个本地html网页以获取当前位置。返回的位置(1.3238272103.8606336)与我的实际位置不接近。相似性,网站[1](1.3238272)103.8606336条)[2]但是,使用google map,它返回(1.287264103.831497)一个非常精确的位置。谷歌地图使用不同的方法/技术来获取位置吗?Simple Map/* Al...
疑难杂症：百度地图不允许定位后再次弹出用户权限提示
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-05 4017
问题描述 通过百度地图API获取本地地理位置的时候，会有一个弹框提示，问是否允许百度地图定位，这个时候如果你点击了允许，那么下次进来的时候也 ios安卓调用百度地图API获取地理位置第一,二次弹框询问是否允许,第三次进入不弹框默认的是上一次的是否允许状态每次都询问是否允许 所以，在ios上会产生一个问题，如果我上一次不允许的话，那么我之后每一次都是不允许的状态，也无法执行接下来的操作了。 解决方案...
iOS高德定位---权限弹框不出现的问题
c1o2c3o4的博客
11-26 2650
定位弹框不提示了 最近在优化公司以前的老项目，发现项目里面定位权限弹框没有提示。 刚开始以为是plist文件里面没有配置，就重新进行一次配置，下面图片里面红色框里面标出来的三个权限都是关于位置的配置。 一般情况我们使用的权限是第三个：在APP使用期间获取位置信息。防止APP审核因为位置权限问题被拒 配置好这些之后就按照官方文档里面的正常流程进行编写。 1、先将高德SDK导入项目(官方文档里面有...
前端面试之HTML5 -- 使用Geolocation & Chrome开发者工具模拟Location数据
Adia_Sue的博客
08-04 438
前端面试之HTML5 -- 使用Geolocation & Chrome开发者工具模拟Location数据--Step zero : notice----Step one : coding----Step three : 开发者工具 sensors----Final : 拓展-- –Step zero : notice– 为什么chorme上只能使用开发者工具模拟location数据，而无法直接获取设备的真实地理位置呢？ –Step one : coding– 带错误处理的html代码： <!
倾力总结40条常见的移动端Web页面问题解决方案
weixin_34109408的博客
05-30 3155
原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很...
H5项目常见问题及注意事项，视频全屏，定位，屏幕旋转和触摸，偏页面重构向
热门推荐
凝视深渊
03-10 1万+
Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1渲染优化对于一些小图标，可以使用base64位编码，以减少网络请求。像Chrome/Filefox/Safari/IE9+以及最新版本Opera都支持硬件加速
处理chrome浏览器弹出式授权（自动填充）
阿东的博客
10-30 1588
chrome浏览器进行代理，代理需要账号密码，几行源码实现自动填充
html5位置信息不可用,Chrome中的HTML 5地理位置提示
weixin_33313117的博客
06-04 479
刚刚开始进入HTML5并测试地理位置…到目前为止为止。不过，我遇到了一些减速带…当我尝试获取地理位置时，Chrome会自动阻止页面获取我的位置。在其他站点(例如以下站点)上不会发生这种情况：我正在使用的脚本：function get_location() {if (geo_position_js.init()) {geo_position_js.getCurrentPosition(show_ma...
js 控制窗口打开
Frist_huangsuli的专栏
10-10 835
1.非模式窗口打开方式：这种方式会再浏览器中打开一个新页面，而不是从当前页面跳转到新页面 $("#btn_feedback").click( function(event) { var  url =  contextPath + "/person/infoFeedbackEdit.shtml?personCode="+personCode; window.open(url); });
html5地理定位高经准,关于百度地图js api的getCurrentPosition定位不准确的解决方法...
05-30
如果您使用百度地图JS API中的getCurrentPosition方法进行定位，但是发现定位不准确，可以尝试以下解决方法： 1. 确认浏览器是否开启了定位功能，如果没有开启，则无法精确定位。可以在浏览器设置中打开定位功能。 2. 如果您使用的是移动设备，建议在室外进行定位，室内信号可能会受到干扰，导致定位不准确。 3. 可以在getCurrentPosition方法中设置options参数，如下所示： ``` var options = { enableHighAccuracy: true, //开启高精度定位 maximumAge: 1000 //定位缓存时间 } navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options); ``` 其中enableHighAccuracy参数开启高精度定位，maximumAge参数设置定位缓存时间。 4. 如果以上方法无法解决问题，可以使用百度地图提供的IP定位功能。您可以通过以下代码获取当前位置： ``` var myCity = new BMap.LocalCity(); myCity.get(function(result){ var cityName = result.name; alert("当前定位城市:"+cityName); }); ``` 希望以上方法可以帮助您解决定位不准确的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值