HTML5-Geolocation不允许定位后再次弹出用户权限提示

今天遇到一个奇怪的问题,同样域名,同样的JS,index.html是可以弹出定位提示框,但是product.html却不行:
https://aa.haha.com/index.html
https://aa.haha.com/aaa/product.html

google之后发现前辈文章(http://www.skyfox.org/html5-geolocation-safari-user-permission-prompt.html
几次尝试后得出结果,这个是通过url去做得缓存,所以需要进行还原下。

解决方案就是,需要在系统中就行清理缓存的设置:

(设置)Settings -> (通用)Genera -> (重置) Reset-> (重置定位于隐私)Reset Location & Privacy.
(设置)Settings ->( 隐私)Privacy 开启 Location Services.

重新进入页面即可提示用户权限提示了!

在Safari或者在使用UIWebview的APP中当点击“不允许”选项之后webapp/html5 的定位服务不能再次显示用户权限提示框。

可以用这个源码做测试

<!DOCTYPE html>
<html>
<body>
<p id="demo">点击这个按钮,获得您的坐标:</p>
<button onclick="getLocation()">试一下</button>
<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition,showError);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br />Longitude: " + position.coords.longitude;  
  }
function showError(error)
  {
  switch(error.code) 
    {
    case error.PERMISSION_DENIED:
      x.innerHTML="User denied the request for Geolocation."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML="Location information is unavailable."
      break;
    case error.TIMEOUT:
      x.innerHTML="The request to get user location timed out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML="An unknown error occurred."
      break;
    }
  }
</script>
</body>
</html>

不管是原生iOS APP嵌入单个h5页面,还是都是h5页面的webapp也好,只要涉及到定位都会遇到这个情况。

当请求iOS开始定位的时候,会弹出一个提示框,提示你是否"允许"定位,允许定位继续下一步,如果一不小心点了下"不允许"之后,会发现,下次进到这个h5之后再也不会提示请求定位权限的提示框了。"不允许"被缓存了下来。再次调用geolocation会报 error.PERMISSION_DENIED 错误

而且没有相应的api能重启提示框。

如果说h5页面用于app中显示,可以尝试使用js与app原生交互来获取定位,原生获取定位后反传给h5,这样当整个app的定位权限被用户拒绝与开启的时候,直接到设置中对应的app下就可以恢复了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,093评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,271评论 4 61
  • 今天是重阳节,由于工作的原因吧,心情比较浮躁。打开畅读软件,看看杂志,静静心。第一次打开会弹出今天的日签,上面写着...
    留白r阅读 271评论 0 0
  • 遇于楼下 我们都感到有打招呼的必要 结果还是无语擦肩而过 那是我曾向许多人投递的眼神 今天我也拒绝了这样的眼神 并...
    青花满袖阅读 251评论 0 1
  • 1.要想操作数据库首先要使用这个数据库:use 数据库名字; ERROR 1046 (3D000): No dat...
    FSDemo阅读 276评论 0 0