首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么HTML5地理定位在不同的web浏览器中具有不一致的错误行为

为什么HTML5地理定位在不同的web浏览器中具有不一致的错误行为
EN

Stack Overflow用户
提问于 2016-08-09 14:46:28
回答 1查看 193关注 0票数 0

我一直在测试一个使用HTML5地理定位功能返回经度和纬度值的简单code fragment

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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;
    }
}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

我直接在Google Chrome的“试用”部分测试了代码,它返回了“error.PERMISSION_DENIED”。但是,当我在本地主机下的XAMPP中部署它时,它起作用了。请注意,我已经设置谷歌浏览器,以共享基于此documentation的位置详细信息。

但这段代码在火狐中返回'error.POSITION_UNAVAILABLE‘,即使部署在XAMPP中,并且当我同意在火狐中共享我的位置时也是如此。

在Google Chrome中(直接调用时和部署在localhost下时)以及通过Firefox访问时,是什么导致了这种不一致的行为?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-09 14:48:40

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38853970

复制
相关文章
手机端网页使用html5地理定位获取位置失败的解决办法
网上有很多关于html5 geolocation 获取地理定位的方法,我试了下,只有在IE edge浏览器可以成功获取到,在chrome,firefox,手机端的safari,QQ浏览器,微信浏览器,都返回一样的错误信息: POSITION_UNAVAILABLE 网上的方法大概是这样的: if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(onSuccess , onError); }else{ ale
蓓蕾心晴
2018/04/12
5.2K0
Web浏览器中的JavaScript
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
6930
企业面试题: 解释一下HTML5地理定位如何使用
考核内容:HTML5应用及理解 题发散度: ★★ 试题难度: ★★ 解题思路: HTML5 地理定位用于定位用户的位置 HTML5 地理定位API用于获取用户的地理位置。 由于这会侵犯用户隐私,除
舒克
2019/08/09
5760
利用MapabcAPI实现基于浏览器的地理定位
现在互联网中有了越来越多的地理位置服务,正在制定中的HTML5规范也试图在浏览器中内置嵌入地理位置共享服务,而且幸运的是,我们已经能够在Firefox 3.5+、Chrome 5.0+、Opera 10.60+、Safari 5.0+ 以及一些移动终端,注入IPhone、Android上使用这项服务,那么这个服务能否有Mapabc的API结合,来实现用户的地理定位呢?
大江小浪
2018/07/25
7760
HTML5中的Web Notification桌面通知
大家在做一些浏览器端的聊天功能的时候,或者在一些网站跟在线客服咨询的时候,会看到一些消息通知的提示,常见的有浏览器标签页的闪烁和屏幕右侧的消息通知。本篇博客就在这里简单的介绍一下如何实现这样的功能。 1、实现标签页闪烁效果 实现的效果: 当前窗体失焦的时候,标题开始闪动,当前窗体获取焦点的时候,则停止闪动。 注意:这里需要用到窗口的获取焦点和失去焦点的方法,由于IE和其他Chrome及FireFox的区别,这里需要用到的方法就不一样,具体是:   Chrome和FireFox浏览器是window的onf
用户1174387
2018/03/28
2.4K0
HTML5中的Web Notification桌面通知
第182天:HTML5——地理定位
HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
半指温柔乐
2018/09/11
2K0
第182天:HTML5——地理定位
为什么同样的WPF控件在不同的电脑上呈现外观不一致
今天有同事跑过来说遇到了一个奇怪的bug,同样的程序在win7和win10上界面相差了2个像素
黄腾霄
2020/06/10
1.2K0
div定位在浏览器底部(CSS解决)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档
用户1730674
2018/05/02
9330
策略模式:处理不同策略具有不同参数的情况
策略模式确实在处理不同策略需要不同参数的情况下会显得有些复杂。然而,这并不意味着策略模式不能在这种情况下使用。有几种可能的解决方案:
运维开发王义杰
2023/08/16
6620
策略模式:处理不同策略具有不同参数的情况
聊聊HTML5中的Web Notification桌面通知
这种桌面提示是HTML5新增的 Web Push Notifications 技术。
Daotin
2019/07/28
2.4K0
HTML5本地化应用开发-HTML5 Web存储详解
文章不是简单的的Ctrl C与V,而是一个字一个标点符号慢慢写出来的。我认为这才是是对读者的负责,本教程由技术爱好者成笑笑(博客:http://www.chengxiaoxiao.com/)写作完成。如有转载,请声明出处。
做全栈攻城狮
2018/12/20
7730
如何在@SpringBootTest中动态地启用不同的profiles
这个类存在的意义就是为了让其它类别的 ResourceTest 继承它,并在一次启动当中运行完所有的集成测试。避免每个 ResourceTest 都初始化启动 Application,造成运行速度变慢。
lambeta
2018/08/17
2.9K0
HTML5的Web Workers
该特性仅支持:FF3.5+、Opera 10.6+、Chrome 3+、Safari 4。
meteoric
2018/11/15
9860
keyframes在不同浏览器中的表现性
一、keyframes的使用方法 keyframes是css3实现动画的一种方式。 简单的使用规则如下: 先定义元素的动画样式,并设置动画的名称 selector{ animation: name duration timing-function delay iteration-count direction; } 之后用keyframes实现动画 @keyframes name{ 0%{ /*state...*/} 100%{/*state...*/} } animation的可用
lonelydawn
2018/02/09
1.7K0
keyframes在不同浏览器中的表现性
【Go 语言社区】HTML5 Geolocation(地理定位)-转
HTML5 Geolocation(地理定位)用于定位用户的位置。 ---- 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用
李海彬
2018/03/20
2.5K0
HTML5 Web Worker的使用
Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。
疯狂的技术宅
2019/03/27
6400
java中==、equals的不同AND在js中==、===的不同
       1.==操作符:首先,对于非基本数据类型的对象比较,相同内存中存储的变量的值是否相等,注意是相同内存地址的才可,并且数值相同(当然地址相同,值也一定相同)才会返回true.     但是,对于基本数据类型的比较(比如:int flot double等),值相同,"=="比较便会返回true.(这是编译的规则,当进行基本数据类型的比较时,会编译生成if_icmpne指令不会进行比较地址。而进行对象比较时,会生成if_icmpne指令,会比较地址。生成的指令都是不同的)。
洋仔聊编程
2019/01/15
4K0
Html5 Web的5中离线存储方式之localStorage
在HTML5越来越流行的今天,如果你还不知道离线存储,那就说明你落后了很多。 HTML5的离线存储方式有多种:Web SQL Database、LocalStorage、Cookie、WebStorage、IndexedDB、FileSystem。 Web SQL Database目前虽然还有浏览器支持,是唯一的关系数据库结构的存储,但W3C以及停止对其的维护和发展。我就不多说了。 今天我们主要看LocalStorage这种最简单的本地存储方式。
业余草
2019/01/21
1.6K0
Html5 Web的5中离线存储方式之localStorage
Zip 压缩、解压技术在 HTML5 浏览器中的应用
JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中,免不了需要从 web 服务器中获取资源,如果可以将所有的资源都合并到一个 .zip 文件中,这
HT_hightopo
2018/07/09
2.4K1
Zip 压缩、解压技术在 HTML5 浏览器中的应用
JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中,免不了需要从 web 服务器中获取资源,如果可以将所有的资源都合并到一个 .zip 文件中,这
HT for Web
2018/01/03
2.6K0
Zip 压缩、解压技术在 HTML5 浏览器中的应用

相似问题

HTML5地理定位在GWT JSNI中不起作用

15

HTML5地理定位在火狐、Chrome和Chrome中不起作用

36

各种浏览器中的HTML5地理定位API

23

HTML5地理定位在Safari上不起作用- Mac / iOS

20

HTML5地理定位在安卓模拟器中不起作用

214
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文