【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); // 输出你设置的模拟经度
});
相关推荐
搬砖的小码农_Sky35 分钟前
AI Agent:Windows上Node.js安装后 npm -v报错
前端·npm·node.js·人机交互
m0_3807438744 分钟前
PHP7.3和7.2字符串功能有什么不同
开发语言·php
计算机魔术师1 小时前
半年翻倍!OpenAI再融300亿,估值冲到1.4万亿
前端
研☆香1 小时前
jQuery + Swiper.js 实现动态渲染轮播图
前端·javascript·jquery
m0_380743871 小时前
PHP 8.4的新语法怎么用才规范
开发语言·php
阿狗童鞋2 小时前
Java并发编程实战指南
java·开发语言
子兮曰2 小时前
Node.js 50个优势场景盘点:一个人单干,为啥我多数时候只用它
前端·后端
phltxy2 小时前
C 语言自定义类型:结构体、位段、枚举与联合体
c语言·开发语言
IT_陈寒2 小时前
我花3小时debug,就因为JavaScript这个隐式转换坑
前端·人工智能·后端
Sarvartha2 小时前
对象创建与引用
java·开发语言