测试技术之微信浏览器调试
白羽 2019-01-07 来源 :网络 阅读 677 评论 0

摘要:本文将带你了解测试技术微信浏览器调试,希望对大家学测试技术有所帮助。

    本文将带你了解测试技术微信浏览器调试,希望对大家学测试技术有所帮助。



                       



   

  最近做支付改版的项目,为了调试页面在微信浏览器中的效果而尝试了几种调试方法。

  微信web开发者工具

     调试效果:

  

  使用注意事项:

  (1).因为我要调试的页面,需要微信登陆授权功能,使用此功能需要你的微信号为调试页面所属企业号的开发者,可以在微信公众平台企业号中绑定开发者身份。

  (2).这工具可以console、打断点,爽是蛮爽,就是坑爹不支持模拟微信支付接口,还是不能debug微信支付。看来只能在手机上做debug了,然后找到了vconsole插件,支持console控制台。

  vconsole插件

  调试效果:

     

  使用注意事项:

  (1)将vconsole.js文件通过script标签引入到需要打印调试信息的页面即可。使用简单

  (2)只能打印调试信息,不能打断点

  微信支付踩坑点

  (1)微信支付有安全支付路径限制,需要在微信公众平台你的企业号里面,添加当前的支付页面路径进安全支付路径,否则调wx.chooseWXPay()方法,参数传的再怎么正确,也只会相当智能的返回一个fail==.留人一脸懵逼。

  (2)微信支付调起需要在微信浏览器环境中,需要获取用户openID,如果用户不选择用微信账户登录你的公众号,此时拿不到openID,有两个解决办法

  a.通过调起网页用户信息授权,来获取用户openID

  b.不去获取openID,采用微信扫码支付,

  //生成付款二维码代码

  <script   src="${pageContext.request.contextPath}/script/lib/qrcode.min.js"></script>

  methodeWXNative:function(code_url){

  $("#pay-qr-code").html("");

  new   QRCode(document.getElementById("pay-qr-code"), {

  'text':code_url,

  colorDark   : "#3F3F3F",

  colorLight :   "#ffffff",

  width:256,

  height:256,

  });

  },

   


   
     


   
                   

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标软件测试之测试技术频道!


本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程