使用微信开发者工具模拟微信小程序定位

这篇具有很好参考价值的文章主要介绍了使用微信开发者工具模拟微信小程序定位。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

        哈喽,各位同僚们,我们平时在测试微信小程序的时候,如果小程序中有获取定位或者地图的功能,测试场景中常常需要去模拟不同的位置,例如我们模拟在电子围栏的外面、里面和边界区域等。那么,我们如何在模拟微信小程序的不同位置呢?我曾经使用过一些模拟位置的APP软件,例如:Fake Location、MockGPS、爱思助手等,那么如果微信小程序根据IP地址判断位置,而非通过GPS或WIFI等方式来确定位置的话,此类软件就会失去作用,下面将于大家分享使用微信开发者工具模拟小程序定位。

一、安装Git并克隆小程序前端代码

1、下载GitBash

下载地址:https://git-scm.com/downloads/

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

下载完成后,打开安装包,一路默认选项点击下一步,直至安装完成。

2、克隆换电小程序前端代码仓库

打开gitbash,创建一个工作目录,名字为workspace。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

进入到workspace目录中,进行换电小程序前端代码克隆。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

等待代码仓库克隆完成。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

克隆完成后的显示如下图:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

二、配置微信开发者工具

1、下载微信开发者工具

下载地址:微信开发者工具下载地址与更新日志 | 微信开放文档

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

下载完成后,打开安装包,一路默认选项点击下一步,直至安装完成。

安装完成后,首次打开微信开发者工具如下图:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

需要使用具有开发者权限的微信账号进行扫码,扫码完成,需要再手机端点击确认登录:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

确认登录完成后,微信开发者工具会自动跳转到创建项目页面:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

2、使用微信开发者工具打开小程序项目

编写项目名称,并且选择小程序源代码的目录,一般为项目主目录下的miniprogram,勾选不使用云服务。

本地小程序的源代码路径为:C:\Users\Administrator\workspace\xxxxxx\miniprogram

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

点击确定按钮后打开小程序项目。

首次打开项目时,会选择是否要信任项目的作者,此处选择信任。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

选择信任完成后,会自动编译前端代码,此时需要等待一段时间(时间长短取决于网络情况和电脑配置),编译完成后如下,左侧会显示小程序的首页:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

三、修改小程序定位

在修改定位之前,显示当前位置为:北京市海淀区

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

开启微信开发者工具的模拟位置功能:
第一步:点击左上角调试器
第二步:在右下角出现的调试器区域选择调试器
第三步:点击“>>”按钮
第四步:在列表中选择Sensor

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

此时,进入了微信开发者工具的模拟位置页面,勾选Enable开启模拟位置。

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

勾选后,下面的字段以及输入框会显示高亮,并且允许编辑,随即修改经纬度(Latitude、Longitude)就可以实现模拟位置。

举个例子:
将位置修改到福建泉州东站

首先通过腾讯地图经纬度拾取页面获取到泉州东站的经纬度。
此处操作不建议使用其他地图的经纬度拾取,因为小程序中使用的地图也是腾讯地图,避免出现坐标误差。如果小程序使用的是高德地图,则建议使用高德地图经纬度拾取。

高德地图经纬度拾取页面链接:坐标拾取器 | 高德地图API
腾讯地图经纬度拾取页面链接:点图拾取坐标-地图开放平台|腾讯位置服务

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

泉州东站的经纬度为:24.920647,118.639145

将泉州东站的经纬度写入微信开发者工具中:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

将Enable取消并重新构建,然后重新进入小程序的地图页面:

使用微信开发者工具模拟微信小程序定位,测试工具,微信小程序,小程序,软件测试,测试工具,测试覆盖率

此时,小程序的当前位置显示为泉州东站。文章来源地址https://www.toymoban.com/news/detail-857665.html

到了这里,关于使用微信开发者工具模拟微信小程序定位的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序开发--开发者工具的插件推荐

    写在前面: 用官方的开发者工具真的是,emm不是很好用。加上这些插件可以帮助更加舒服的进行开发。除了wxml,建议其他的都可以安装。 这个开发者工具感觉是嵌套了vscode。安装插件、命令什么的都和vscode一样。 安装步骤: 1.在vscode里面安装插件 2.打开插件目录 3.安装,这

    2024年02月09日
    浏览(59)
  • 微信小程序开发—添加开发者

    微信公众平台 (qq.com)

    2023年04月18日
    浏览(38)
  • 微信开发者工具使用教程

    近段时间有很多小伙伴问微信小程序怎么开发啊?开发的第一步就是安装微信web开发者工具,今天就来教你设置好开发者工具。 一、下载开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载安装好之后打开会进入这个界面,倘若开发者首次启动开发者工具

    2024年02月03日
    浏览(37)
  • 微信开发者工具出现警告:请注意游客模式下,调用 wx.operateWXData 是受限的, API 的返回是工具的模拟返回。

    问题出现背景: 第一次使用微信开发者工具时候控制台出现的警告。 原因: 微信开发者工具中创建项目时默认的AppID是参考示例,需要关联我们自己\\\"微信小程序\\\"的AppID。 解决方法: 登录\\\"微信公众平台\\\"——选择\\\"小程序\\\"——找到开发下面的开发管理——开发设置——开发者

    2024年02月12日
    浏览(56)
  • Python 开发者的微信小程序开发实践

    微信小程序作为一种轻量级的应用形式,在移动互联网领域取得了极大的成功。 作为 Python 开发者,如何在微信小程序的开发中发挥 Python 的优势?本文将为你展示如何从零开始搭建一个基于 Python 的微信小程序项目,包含详细的解决思路、方案和实际案例。 一、微信小程序

    2024年02月13日
    浏览(79)
  • 微信开发者工具项目简单介绍和使用

              1.app.json         2.project.config.json         3.sitemap.json         4.页面中的json            1.快速新建小程序页面,在app.json的pages下编写页面的路径,保存后微信开发者工具会自动在对应的路径生成该页面         2.修改小程序项目的首页,在

    2024年02月12日
    浏览(35)
  • 【uniapp】uniapp使用微信开发者工具制作骨架屏:

    一、效果: 二、过程: 【1】微信开发者工具打开项目,生成骨架屏,将wxml改造为vue页面组件,并放入样式 【2】页面使用骨架屏组件 【3】改造骨架屏(去除导航栏,并将爆红的加上 : )

    2024年02月13日
    浏览(37)
  • uniapp项目从Hbuilder Vscode运行到小程序模拟器 微信开发者工具后没有反应,进不去!其实保姆级答案只需要三步

    先看问题如下图:uniapp项目从Hbuilder 或者Vscode点击运行到小程序模拟器 微信开发者工具后没有反应,进不去 只能在最外面如下图: 如何解决: 如果不知道如何查看自己的微信小程序AppID请看我的另一篇文章,下方是文章链接 如何查看自己的appid以及在微信开发者工具中查看

    2024年02月11日
    浏览(84)
  • xpath定位元素(F12开发者工具xpath定位、xPath Helper扩展程序xpath定位)

    对于UI自动化初学者来说,可能不知道如何下手,我们安装好了python、selenium等环境,如何去进行元素定位,如何编写自动化测试用例呢?今天就讲一下xpath元素定位。 1.F12开发者工具xpath定位 首先我们使用谷歌进行测试,打开需要测试的页面,点击键盘F12,进入开发者模式,

    2024年02月16日
    浏览(49)
  • 如何在企业微信开发者中心使用内网穿透工具回调本地接口服务

    企业微信开发者在应用的开发测试阶段,应用服务通常是部署在开发环境,在有数据回调的开发场景下,企业微信的回调数据无法直接请求到开发环境的服务。 内网穿透工具可以帮助开发者将应用开发调试过程中的回调请求,穿透到本地的开发环境。 Cpolar是一种安全的内网

    2024年01月16日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包