2019-07-23 19:56:48 weixin_38131507 阅读数 901
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    69 人正在学习 去看看 黄菊华

微信开发者工具-调试器

调试器常用的 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 代码。
在这里插入图片描述

2015-08-28 11:58:38 u010773333 阅读数 7662
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    69 人正在学习 去看看 黄菊华

对于微信开发少不了用到微信接口,对于微信外放的这个在线接口调试工具,我还是非常喜欢的。

下面介绍一下具体的使用情况。

这个工具在公众号中的开发中心下面有个开发者工具菜单里面有个在线接口调试工具点击就ok了。

调试界面如图

说到接口调试,一般要了解一个名词“access_token” 什么是access_token

微信官方给的解释:access_token是公众号的全局唯一票据,公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的access_token失效。 

像这样的输入自己公众号的appid 和secret。这两个参数可以在公众号开发中心开发者ID里面获得,其中secret是暗码需要显示完整操作。

输入之后点击绿色的查看问题就可以得到如下类似的界面,值得注意的是access_token会失效。

获得了access_token 就好办了

下一步举个例子大家就会用了


  可以选择用户管理

把上一步得到的access_token值复制过来

就可以获得所有关注过此用户的openid(针对这个公众号,用户手机客户端微信号的唯一表示)

再通过access_token和openid可以某个用户的个人信息


至此调用在线调试接口基本都差不多,举了以上例子应该可以学会了,又没懂的可以私发我。



2018-12-20 11:32:37 weixin_44185377 阅读数 1838
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    69 人正在学习 去看看 黄菊华

微信开发者工具调试微信网页授权,点击‘登录’按钮无效

问题描述

h5页面需要获取微信用户信息,参考 微信开发者文档,一步步走到用开发者工具调试页面,却发现点击登录按钮没有反应!如下
微信授权页面
看日志信息
在这里插入图片描述
好吧,说这个图片路径是http,而应该是https,可是这是微信自己的页面啊,怎么改???
然鹅不是这个原因,偶然发现点击按钮上边缘是有效的,点击之后重定向页面,跟文档描述的一模一样。为什么点击上边缘有效,而点击按钮无效?如果你也是这样,那么请打开电脑设置—字体大小–看看是不是125%???
现在,把字体设置成100%,重新打开微信开发者工具,再去调试上面的页面,你会惊喜地发现,点按钮可以了。

原因

电脑设置的字体大小(非100%)的时候,会影响微信开发者工具dom节点事件绑定的位置,根据表现来看,并不影响渲染。

补充一下

过程中call_me_small_pure的博客 给了很大帮助,感谢!

2018-06-09 10:54:53 baidu_36095053 阅读数 8391
  • 微信开发者工具使用教程 如何上传、发布、审核等

    微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何能学会微信小程序开发

    69 人正在学习 去看看 黄菊华

今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题:

    

在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:

1.首先,你必须是这个企业微信的管理员。这个可以在企业微信中的权限设置中设置。很好找,不再赘述。

2.要在企业微信中勾上【开发者工具】选项,这个东西真的是找得我怀疑人生。这里贴上选项位置的两张图,防止大家在这种简单步骤上浪费时间。文字描述:在导航栏中选择【连接微信】 ->【微工作台】->最下面的【开发者工具】



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