2018-12-20 11:32:37 weixin_44185377 阅读数 1556
  • 微信支付开发-微信公众号开发12-微信开发php

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

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

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

问题描述

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

原因

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

补充一下

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

2019-02-28 19:46:13 S_clifftop 阅读数 541
  • 微信支付开发-微信公众号开发12-微信开发php

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

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

egret本地可以运行,但转为微信小游戏后无法显示,也没有报错log,微信开发者工具预览一直是黑的,編译后在手机上运行也是黑的


解决方法:

  1. 如果不报任何错,大部分原因就是资源加载问题
    ●  因为微信开发工具不能断点,所以只能多写点log排除一下,看是哪一步卡住,如果不知道大体原因,只能从Main开始往下排查,我的原因是 RES.ResourceEvent.CONFIG_COMPLETE 资源加载失败,所以加了 RES.ResourceEvent.CONFIG_LOAD_ERROR 来重新加载资源
    ◇ 关于加载资源的问题,详细请看 加载资源组

  2. 如果有报错的log就相对好解决
    ● 不支持showAll适配模式,推荐使用缩放模式为fixedwidth
     ◇ 改下index里面 data-scale-mode="fixedWidth"
    s is not a constructor (不一定是s,可能是其它临时方法名)
     ◇ 看下有没有用到类对象引用egret.getDefinitionByName()方法,有用到,就需要将类挂载到window上,就是在类的外面定义window["XXClass"] = XXClass; (有人问我说不知道放哪?类外,ts文件类定义最外的大括号外)
     ◇ 没用到就看errorLog确定大体出错的位置,然后查找是否调用方法名写错或没有写方法,因为js文件内不会报错提示




2019-09-04 10:20:30 E86huang 阅读数 17
  • 微信支付开发-微信公众号开发12-微信开发php

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

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

在这里插入图片描述
创建好项目之后,如图所示,点击 微信开发者工具,(前提是要安装好微信开发工具)
在这里插入图片描述
微信开发工具 设置-安全 服务端口要开启。
在这里插入图片描述
当微信开发者工具开启并且实时显示你的界面的时候,就可以调试了。
在这里插入图片描述
调试好之后只需要点击"上传",前提是你要在"详情"里输入正确的APPID
域名配置 建议 都用https,迟早都要用的。用个花生壳,简简单单做调试。
里面的调试就和平常的前端都调试一样,该断点就断点,打印就打印。
当然不能完全相信微信开发者工具,页面值有时候是不准确的,有时候显示undefiend ,实际是有值的,需要重启一下微信开发者工具。

小技巧
在这里插入图片描述
这里的添加编译模式,类似指定好一个页面的路径,可以选择自己在这个页面直接运行。
然后会vue的基本就这样调试,也可以写小程序了,其他都是业务上的问题,在多看看API文档,熟悉一下工具,就完美了。

2018-04-28 14:00:35 guochanof 阅读数 7174
  • 微信支付开发-微信公众号开发12-微信开发php

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

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

下面对微信web开发者工具做个简单的介绍

下载:

在上篇已经介绍过下载式了,可到微信小程序开发详细流程 一 (注册小程序及开发工具的下载)查看详细内容

下载地址:

前往 开发者工具下载页面

模拟器:UI视图

这里是个小程序的模拟器,建议使用iphone6,原因后面会说到,

 

这里是小程序的一个功能区域啊,下面会一个逐一讲解,先看下一块,

 

这个区域是我们在调试的时候,去查看变量的值和状态的一个区域

 

 

我们来看一下编辑区域:

编辑区域就是我们要写代码的地方了,左侧就是一个树状管理器,目录结构文件类型会在后面(小程序文件类型与代码构成)的文章做讲解.

点击上面的"+"号会创建目录和文件,如下图,

如果要在根目录下创建文件夹,如下图,

小程序还给了一个很好的查找功能,点击放大镜,可以快速匹配到与你关键字相关的页面

 

调试:

就是上在说的调试器了,

Console:

顾名思义就是控制台了,会显示一些编译错误啊或是警告信息之类的,还有console.log()时,输出自己调试的一些信息

Sources:

这个能功区域主要就是让我们用打断点的,调试代码的,断点打在.JS文件(调试快捷键F10\F8)

左侧是编译过后的一个树状目录结构,和刚刚上面的目录是对应该的,但是它会把一些WXML,WXSS等文件编译了,所以在这里是看不到的,这里就只有JS

 

这里你会发现同一个文件名会有两个JS,一个是.js的,一个是后面带[sm]的,他们两个有什么区别呢,

[sm]文件,其实就是你的源代码文件,它跟你编译器里写的代码是一模一样的.

.js文件其实是已经给你编译过后的文件.看下图

 

Network:

这个大家应该都比较熟悉了,就看几个常用用要的话,比如左侧NAME,这就是些网络链接具体的列表

这里应该是用的最多的,是具体查看每一个网络请求信息的一个地方,

比如这个

headers:就是显示一个它的每一个

preview:就是一个预览

http:请求头的一个信息.response就是显示的请求返回信息的一个地方

timingz:每一个请求的具体耗费时间的一个管理

 

Storage:

查看缓存数据

小程序有个很牛逼的地方就是支持本地缓存,比如我现在的项目,用户第一次使用输入身份证号,下次使用会默认填充

 

AppData:

根页面相关的,进行数据绑定的

后面具体用到数据绑定的时候会再详细介绍,

    Wxml:

实际就是小程序的一个UI界面,和UI代码

 

这些功能都一目了然了,我就不说什么了

再多说一句,因为小程序会校验证书,如果你是测试开发,在"详情"勾选不校验

 

了解了这些基本就没什么问题了

2019-04-09 18:46:42 xiaolin9902 阅读数 227
  • 微信支付开发-微信公众号开发12-微信开发php

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

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

今天在调试一个微信公众号的项目,用微信开发者工具做调试。有一个页面我一点击刷新,后台就会断点两次。有什么重定向的地方我不知道么?于是去掉微信浏览器的限制,直接将地址拷贝到chrome里面,不会重复请求。然后又改用菜单里面的刷新,也没有重复请求。

看来是微信开发者工具的bug,用菜单里面的刷新吧。

微信web开发者工具

阅读数 157

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