2018-06-12 10:44:10 wqhjfree 阅读数 1499
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

微信公众号调试分两种, 一种是微信接口调试, 一种是网页调试:

  • 微信接口调试
  • 网页调试

微信接口调试

在对接微信接口, 比如通过发送消息给公众号, 创建公众号菜单失败, 公众号关键词自动回复, 微信公众号直接提示:如下图:
这里写图片描述
你可以肯定代码是没问题, 但是遇到这个提示没任何日志信息, 此时你需要借助微信调试工具:https://mp.weixin.qq.com/debug
选择你的接口类型,填入相应的参数
这里写图片描述
这里写图片描述
根据返回的内容, 你可以很清楚的看到错误内容.

网页调试

使用微信公众号的时候, 发现网页的某个按钮点击没任何反应, 而页面又是在手机上压根无法调试, 这时可以使用微信开发者工具调试:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载安装完成之后如下图:
这里写图片描述

此工具与小程序开发工具是同一个, 需要点击菜单栏 微信开发者工具->更换开发模式->公众号网页调试
浏览器输入要调试的网页地址, 看起来是不是很方便, 跟在PC端浏览器调试网页一样.
注意: 输入网址的时候会提示没有开发者权限, 需要在公众号后台绑定为开发者(具体操作自行搜索)

2019-07-23 19:56:48 weixin_38131507 阅读数 139
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

微信开发者工具-调试器

调试器常用的 6 大功能模块有:Console、Sources、Network、Appdata、Storage、Wxml

Console

Console有两大功能:
1)开发者可以在此输入和调试代码
在这里插入图片描述

2)小程序的错误输出,会显示在此处
在这里插入图片描述

Sources

Sources 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。
小程序编译出错时,点击错误,可以跳转到这里,方便查错(黄色背景处为出错处)
在这里插入图片描述

Network

Network 用于观察和显示 request 和 socket 的请求情况
点击Headers可以查看请求数据,点击Preview和Response可以查看响应数据
在这里插入图片描述

Appdata

Appdata 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。
在这里插入图片描述

Storage

Storage 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。
在这里插入图片描述

Wxml

Wxml用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 wxml 代码。
在这里插入图片描述

2019-01-24 11:44:29 wenxingchen 阅读数 6725
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

 

第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

 

第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

 

如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

 

办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

 

方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

 

如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

2018-10-16 17:59:34 henryhu712 阅读数 1377
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

有时我们会在 app.js 中定义全局变量,这样其他页面可以共享信息。那在调试的时候,如何在微信开发者工具中查看这些信息?答案是在 console 面板中使用 getApp():

在这里插入图片描述

2019-08-23 10:46:16 huxihua2006 阅读数 164
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27828 人正在学习 去看看 秦子恒

如何使用微信开发者工具?
一,先下载 HBuilder工具中运行微信开发工具
二、微信开发工具
在微信开发工具中有个调试器可以查看console相关日志信息。

没有更多推荐了,返回首页