TUTORIAL前端与浏览器FETCHED
Navigator geolocation 属性
Navigator geolocation 属性 Navigator 对象 定义和用法 Navigator geolocation 属性返回一个 Geolocation 对象,通过这个对象可以访问到设备的位置信息,使网站或应用可以根据用户的位置提供个性化结果。 geolocation 属性只允许再 HTTPS 下使用。 geolocation 位置属性仅在用允后才可以使用。 Navigator geolocation 是只读属性..
更新于 2026/7/16
教程详情页默认 noindex。
Navigator geolocation 属性
Navigator 对象
定义和用法
Navigator geolocation 属性返回一个 Geolocation 对象,通过这个对象可以访问到设备的位置信息,使网站或应用可以根据用户的位置提供个性化结果。
geolocation 属性只允许再 HTTPS 下使用。
geolocation 位置属性仅在用允后才可以使用。
Navigator geolocation 是只读属性。
更多内容可以参考 HTML5 地理位置。
语法
navigator.geolocation
浏览器支持
所有主流浏览器都支持 geolocation 属性
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |
实例
实例
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById("demo").innerHTML =
"Geolocation is not supported by this browser.";
}
function showPosition(position) {
document.getElementById("demo").innerHTML =
"Latitude: " + position.coords.latitude +
"Longitude: " + position.coords.longitude;
}
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById("demo").innerHTML =
"Geolocation is not supported by this browser.";
}
function showPosition(position) {
document.getElementById("demo").innerHTML =
"Latitude: " + position.coords.latitude +
"Longitude: " + position.coords.longitude;
}
尝试一下 »
Navigator 对象