PC端google chrome真正实现地理位置模拟,HTML5 - 使用地理定位

近期有个项目涉及到地理位置,为了便于开发时调试,需要在PC平台进行相关测试等等,故需要用到可以提供地理位置的浏览器,

查找了好多资料,均说是google chrome可以,但是我找了所说的17版,39版,43版,也试了61版,均未在开发模式的settings里面找到所谓的“Overrides选项卡”

39版和43版的 settings是这个样子的,哪里有什么 Overrides选项卡 嘛,过期的网络资料害人呀!


无果,又找到资料据说是在 Emulation里面,但是没说在哪个菜单,无意中点开了 Console 发现里面貌似有这个项目,点开一看,终于找到了相关经纬度模拟设置了见图:


39版,43版,61版都测试了一下,发现只有43版模拟支持的最好。

39版需要反复点击 Emulation geolocation coordinates选项,网页才能获取到经纬度值,43版修改了经纬度数字立即生效。

测试页面可以用  http://www.w3school.com.cn/tiy/t.asp?f=html5_geolocation_watchposition 和 http://www.w3school.com.cn/tiy/t.asp?f=html5_geolocation

参考说明见: http://www.w3school.com.cn/html5/html_5_geolocation.asp

google chrome版本:43.0.2357.124


  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
Chrome的strict-origin-when-cross-origin是一种浏览器政策,用于处理跨域请求。当在一个网站上发起一个跨域请求时,Chrome会将请求的头部中的Referer字段设置为"strict-origin-when-cross-origin",表示只有在同一站点内的请求才能够访问响应。这意味着,如果你在使用Vue前端部署到Nginx的服务器上时,浏览器访问资源时会产生跨域问题,你可能会在控制台看到strict-origin-when-cross-origin的错误。 为了解决这个问题,你可以通过以下几种方法进行修复: 1. 在谷歌浏览器中输入"chrome://flags/#block-insecure-private-network-requests",然后将"Block insecure private network requests"这个选项设置为"Disabled"。这样做可以禁用跨域请求的限制,但需要注意,这可能会带来一些安全风险。 2. 如果你在配置中没有问题,可以尝试直接在地址栏中输入请求的URL进行访问。如果你能够成功获取到数据,那么问题可能是浏览器相关的。 综上所述,通过禁用Chrome的跨域限制或者尝试直接在地址栏输入URL进行访问,你应该能够解决strict-origin-when-cross-origin的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [谷歌浏览器strict-origin-when-cross-origin 解决](https://blog.csdn.net/weixin_48687496/article/details/123749167)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jessezappy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值