官方微信web开发工具(微信web开发者工具如何进行调试微信网页授权)
本文目录
微信web开发者工具如何进行调试微信网页授权
微信web开发者工具概述
一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。
主要功能
使用微信号来调试微信网页授权;
调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出;
使用基于 weinre 的移动调试功能;
利用集成的 Chrome DevTools 协助开发;
调试微信网页授权
开发者可以在调试器中点击“登录”,使用手机微信扫码登录,确认手机登录页,绑定的公众号为“微信 web 开发者工具”,如下图所示:
公众号登录管理后台,启用开发者中心,在开发者工具——web 开发者工具页面,向开发者微信号发送绑定邀请。绑定页面如下图所示:
开发者在手机微信上接受邀请,即可完成绑定。
完成登录和绑定后,开发者就可以开始调试微信网页授权了,点击“确认登录”即可带着用户信息跳转到第三方页面,很方便的进行后续的开发和调试。
管理员设置界面如图:
登陆开发工具,随意打开一个公众号的页面,复制链接放在开发工具的地址栏,现在基本上就可以在电脑上面进行调试了。
注意事项:
***隐藏网址***
微信Web开发者工具怎么用
微信web开发者工具主要功能: 使用自己的微信号来调试微信网页授权; 调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出; 使用基于 weinre 的移动调试功能; 利用集成的 Chrome DevTools 协助开发。 工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页。左侧是微信的 webview 模拟器,可以直接操作网页,模拟用户真实行为。右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮。右侧下方是相关的请求和返回结果,以及调试界面和登录按钮。
如何使用微信web开发者工具调试程序
跟风体验了下微信小程序的开发流程,发现官方的微信 web 开发者工具并不支持在代码中打断点。
用了一阵子 console.log 之后觉得好麻烦,突然想起还有一招:
debugger;
debugger 语句可以在 Chrome 和 Firefox 下打断点,微信 web 开发者工具应该就是 Atom 或者 VSCode 套了个壳,理论上应该支持,所以试了一下
点击调试就会自动进来
果然没猜错,能设置 Watch 还有查看 Call Stack 什么的。这下终于不用反复打 console.log 了。
还可以包装一下这个函数,增加一些类似 assert 的语法,简单的条件断点就实现了,进一步提升开发效率。
还可以包装一下这个函数,增加一些类似 assert 的语法,简单的条件断点就实现了,进一步提升开发效率。
更多文章:
jquery 下载进度条(用jQuery或者javascript怎么实现圆形进度条)
2024年6月13日 14:54
forward to(look forward to 什么意思什么用法)
2024年7月17日 16:24
objective词性转化(aim,goal,objective,target 这四个词有什么区别)
2024年7月5日 01:30
html购物商城首页代码(HTML如何做出SOGOU首页的样子,像下图这样求个代码,谢谢)
2024年8月3日 19:50
get请求只能进行url编码(http方法中get和post方法对比)
2024年9月8日 01:05
aspen plus v11安装包(aspen plus v11安装完后出现一个用户)
2024年7月22日 06:56
c语言入门自学b站(为了考过浙江省计算机二级C语言,我需要如何去学习C语言没有基础如何入门C语言)
2023年12月19日 15:40
父类调用子类的方法java(java继承,关于父类与子类方法调用的问题)
2024年7月21日 10:04
dos命令创建txt文件(用dos创建文件夹word文档、txt文件的命令分别是什么啊)
2024年9月8日 05:55
solidworks钣金教程(solidworks如何在钣金上画出冲压形状)
2023年9月14日 23:40
php分页查询功能实现(php有条件查询实现分页,仅第一页有数据,其他页点击后数据都显示不出来,应该怎么解决)
2024年9月9日 11:00
aspire e 14(aspire e 14能装固态硬盘吗 可以的话推荐一个)
2024年7月22日 02:35
8路视频矩阵和16路视频矩阵有何区别?8路音频输入什么意思8路音频输出什么意思
2024年4月14日 04:30