【Web】网页如何模拟移动端获取定位\定位模拟测试

打开开发者工具:

1按F12或Ctrl+Shift+I(MaC:Cmd+option+I )。

2.进入传感器面板:点击顶部菜单"更多工具"(More tools)>"传感器"(Sensors)。

3.配置模拟位置

注意:移动端视图配合‌:建议同时开启 ‌"设备工具栏" (Toggle Device Toolbar, Ctrl+Shift+M)‌ 模拟手机 UA 和视口,确保触发移动端专属逻辑。

打开定位器

配置模拟位置信息

控制台测试数据代码

js 复制代码
navigator.geolocation.getCurrentPosition(pos => {
  console.log(pos.coords.latitude);  // 输出你设置的模拟纬度
  console.log(pos.coords.longitude); // 输出你设置的模拟经度
});
相关推荐
Amos_Web7 分钟前
Rspack 源码解析(三十一):HotModuleReplacementPlugin 如何用 hash 比对生成增量更新
前端
Wang's Blog11 分钟前
Java 项目实战: 交友项目 - 圈子互动
java·开发语言·交友
尤水就下18 分钟前
🔥说一说在线文档的 Block 架构是如何实现的
前端·javascript·架构
jimy132 分钟前
构造函数表达式的值类别是:prvalue
开发语言·c++
小嘉丶学长34 分钟前
Day06 · 数据类型与类型检测
开发语言·python·学习·1024程序员节
多弗朗皮卡丘39 分钟前
C++特殊类设计
开发语言·c++·设计模式
是江迪呀1 小时前
介绍一个开源项目 —— 烂笔头
前端·后端
恋猫de小郭1 小时前
Flutter 紧急发布 3.47.8 安全升级版本,建议都升级
android·前端·flutter
紧跟先前的步伐1 小时前
Go AI Agent 实战 18|Tool Calling 的基本原理与完整执行流程
前端·数据库·人工智能·ai·golang·1024程序员节
Wang's Blog1 小时前
Java 项目实战: 交友项目 - 查询单条动态:动态详情页的接口与实现
java·开发语言·交友