• 言简意赅,拿了人家开源项目来跑的时候,有时会发现小程序开发工具自带的模拟器不能请求到数据,这时候比较简单,直接工具的导航栏找到“工具--->项目详情”,然后如图红框勾然后再编译就开源...

    言简意赅,在拿了人家开源项目来跑的时候,有时会发现小程序开发工具自带的模拟器不能请求到数据,这时候比较简单,直接在工具上的导航栏找到“工具--->项目详情”,然后如图红框勾上


    然后再编译就开源在模拟器上正常看到请求数据了。

    ~~~那么然后你肯定想在手机微信上试下,于是你点了导航栏的"预览",扫了二维码,发现尼玛手机上获取不到数据,尴尬,这时候控制台会报一些什么域名配置错误,这个时候到 “微信公众平台“,步骤 设置--->开发设置--->服务器域名


    正常情况下只需要四个都填你的服务器根地址就好啦,然后回到开发工具,把刚才勾选的去掉,然后再次编译 预览,OK。可以正常手机调试了。

    那么这个原因应该是 在手机跑的时候 微信会和微信公众平台的服务区域名去进行域名检测,如果在代码里的域名和服务区配置的域名不一致或者根本没有配置域名的话就会请求服务器失败。

    展开全文
  • 最近项目组开发一款运行微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...

    最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才发现这个问题,具体表现如下:游戏运行在手机上会特别卡,并且卡一段时间、或者卡一下就断线,即使断线恢复后也依然很不稳定。

    初步猜想:卡顿问题属于客户端程序问题,断线情况可以排除心跳包问题,可能是客户端发送消息包存在格式问题,或者服务器一些异常导致。

    首先通过调试信息来看,客户端并没有主动请求断开与服务器的连接,追踪服务器的日志信息来看,在客户端与服务器断开连接前,都是因为数据传输协议解析错误问题,导致服务器主动断开连接的,然后就又通过调试信息查看断开连接前客户端发送给客户端的消息包是否有格式问题,结果出乎意料没有。

    这就奇怪了,没办法,项目周期将至,不得不做些取舍,暂时实在没有头绪只好打算在服务器解析到消息包错误时忽略该消息,不做主动断开连接,本以为这样就可以暂时了事,怎料游戏运行在手机环境下的问题依然存在。

    从断线这条路线找下去没有头绪,只好换成从卡顿问题下手,用排除法把可能的逻辑代码注释调试,最后定位出了是因为代码中有些地方的console.log(...)日志记录非常耗时,有些地方光是因为加了这行代码就使逻辑执行时间慢了3秒,好了,问题找出来了就好办,最后采取的措施是:开发测试时因为是用浏览器以及微信开发工具模拟器调试,加上在模拟器上又不存在这种现象(其实是设备配置问题),所以程序员自己测试不加任何优化,如果是要上传微信体验包,就把console.log方法重写为一个空方法,这样,项目里每一句调用console.log()方法的地方实际不能使用正常的日志记录功能,仅仅是调用的一个空方法,这样改善之后,游戏跑在手机上就不存在这种问题了。

    展开全文
  • 如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信...

    如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信小程序和小游戏的开发,这个工具的学习是必不可少的。

    老实说该工具不管是对久经沙场的老人还是萌新来说都是非常简单的,能很快上手,并且还是中文的哦,下面我们看看整体界面

    image

    整个编辑器大题分为四块,模拟器编辑器调试器工具栏,下面我们每个模块来独立讲解

    一、模拟器

    模拟器是工具为了让我们的代码达到所见即所得的效果,我们编写的代码效果能很快的在左边的界面上显示出去,做过web开发的小伙伴应该也很清楚,浏览器上按下F12也可以达到类似的效果,其实微信开发工具本身就是对浏览器进行了一定程度的封装,我们使用起来也相对亲切,模拟器还可以模拟不同手机,百分比、网络状态等,极大的方便了我们的开发和测试

    image

    二、编辑器

    编辑器是每个开发工具必不可少的一部分,功能也大同小异,微信开发工具上有新增WXML、WXSS等文件的快捷方式,还是比较方便的,微信小程序采用的是ES6的语法,这个工具的提示确实有些差了,很多时候都不能提示出来,所以有很多人现在会采用WebStorm(前端开发最强神器)编写后在到微信开发工具上提交,当然也会有些坑,后续将专门讲解,不过微信开发工具目前更新速度还是很快的,希望能快点改善智能提示的问题

    三、调试器

    第一眼看到这个调试器有没有一点眼熟,它和浏览器按下F12后几乎是一样的,但是微信工具也做了一些简化和新增,我们主要看看几个不同和比较有用的三个功能

    image

    1、Storage

    Storage可以理解成一个本地存储数据库,可以通过wx.setStorageSync(‘logs’, logs)等方法将我们需要的数据直接存储和取出,有时在开发的过程中是非常有用的,后续将介绍具体使用场景

    2、AppData

    AppData中主要存储了我们在页面上所有用到的变量,这个对于我们开发和调试来说是非常重要的,能通过它快速看到每个值的赋值情况,快速定位问题

    3、Audits

    这个是一个程序性能的分析工具,可以在开发和开发完成后,测试一下,看看我们的程序在那块还需要进行优化,非常方便

    三、工具栏

    工具栏提供了我们一些常用的操作,在此我们也只将一下常用到的,和一些有用的,主要有以下几点

    image

    1、预览

    点击预览按钮后,我们可以用我们的后台绑定的微信扫描,在真机上看具体的效果,因为工具毕竟是模拟器,在模拟器上没问题,而在手机上却存在问题的情况是常有的,所以开发完一个功能后,我们有必要在真机上看看效果

    2、真机调试

    如果在“预览”中发现在真机上有问题,我们可以点击真机调试,我们的手机上也能看到调试信息,非常方便的让我们进行调试真机问题

    3、清缓存

    有时候我们可能用到Storage或者修改了页面和样式等,但是在渲染的时候还是使用的原来的代码,此时清缓存就是非常必要的操作了

    4、上传

    上传是在我们将我们的小程序开发完成后,点击上传,就会将我们的代码提交给微信官方审核了,只有审核通过后,其他用户才能在微信中搜索和使用我们自己开发的小程序

    5、详情

    image

    详情中可以设置项目的一下信息,主要关注开发基础库的选择,版本不要过低或过高,教低的版本会让很多方法无法使用,太高的版本会让很多微信版本较低的用户无法使用你的小程序(当然你可以做兼容处理);开发使用本地的服务时,需要勾选上“不校验本地域名…”,这样小程序就可以调用本地的服务了

    展开全文
  • 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具...

    微信手机端调试工具[下载地址]

    (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html)
    进入后的页面
    这里写图片描述
    这里写图片描述

    注意:

    1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。

    2.安装好后,选择移动调试,X5 Blink内核调试,先验证手机是否支持X5 Blink内核调试,如果不支持,找一台支持的手机。
    这里写图片描述
    3.翻墙,用usb线连接移动设备与本机,在手机设置里搜索usb调试,打开usb调试功能,用移动设备扫描以上二维码,勾选信息>TBS setting > 是否打开TBS内核 Inspector调试功能,点击开始调试。
    4.退出微信,从新登录打开微信端的网页后会出现下图(如果未出现,或空白则需要翻墙),点击inspect
    这里写图片描述
    5.现在进入了我们熟悉的chrome调试界面

    这里写图片描述

    展开全文
  • 微信开发 调试工具 测试工具 微信开发中,如果有调试和测试工具,事半功倍,分享给大家
  • 微信开发最大的特点就是不好调试,所以微信官方退出了一款调试工具! 下载地址: 微信开发者工具项目演示 配置: 我这里是选择 ios 手机代理配置 打开手机选择网络(必须确保手机,电脑同一局域网下面) 然后点击...

    微信开发最大的特点就是不好调试,所以微信官方推出了一款调试工具!

    下载地址:传送门

    微信开发者工具项目演示

    配置:

    我这里是选择 ios

    在这里插入图片描述

    手机代理配置

    打开手机选择网络(必须确保手机,电脑在同一局域网下面)

    在这里插入图片描述

    在这里插入图片描述

    然后点击微信调试
    出现下面连接结果界面:

    在这里插入图片描述

    然后用手机打开微信里面相应网页(你需要调试的功能页面,菜单或者页面)

    下面是我自己点击菜单后的页面,以及连接后的结果页面
    在这里插入图片描述

    展开全文
  • 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个小程序 09-微信小程序项目管理、上传、审核、发布 10-如何学会微信小...
  • 微信开发者工具不能调试公众号和小程序 webview 问题描述 微信开发者工具调试小...微信开发者工具在2019年4月份之后的版本都不能调试网页相关的。可以安装 1.02.1904090 版本;如下图: 微信开发者工具下载入口 ...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直火的微信小程序2018年迎来了第二春,我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序...
  • 1、必须先下载微信web调试工具这就多说了 2、保证手机和电脑同一网段,手机打开无线局域网,点击所连接的网络进去后最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973 3、打开web调试工具...
  • 微信分享在开发工具调试正常,但是在手机上就是成功, 没有任何报错提示,看文档从2017年4月25日起,分享朋友圈和发送给朋友自定义分享链接,域名必须和当前页面对应公众号的安全域名一致,否则调用失败。...
  • 问题名称:开发者工具提示代理安全 问题描述:点击确认或者取消均无效 适用范围:开发者工具 1.02.19版本及以下 以上版本可以尝试试试 问题的原因: 首先这个问题是微信开发者工具代理的使用问题,我们要着手通过...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 一、背景:微信开发其实跟web开发并没有太大的分别,我们进行微信开发的时候,需要调用微信接口的时候(比如获取地理位置,上传图片,拍照等),肯定是需要微信操作的,而这时候我们的项目还没有部署到生产...
  • 微信开发者工具在咱们开发微信小程序和微信公众号时会使用,之前遇到一个问题就是在微信的授权页面点击生效,其实不是点击生效,是点击的位置偏移,最后找到问题所在是因为win10有缩放大小的问题(按照下面的...
  • 当年没有出微信开发者工具的时候做微信开发是多么痛苦啊,只能靠猜。后来出了微信开发者工具,方便多了。但是问题来了,没有linux版啊。 没有环境我们就来创造环境。先说下我的系统环境,我用的是deepin,深度开发...
  • 记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都正常显示,但是pc端微信浏览器开(显示空白)。  原因:pc端微信浏览器支持es6,而我的代码使用了 let 。  ...
  • 微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了...
  • 远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)。支持HTTP/HTTPS,无需USB连接设备。     01特性   1、页面调试+抓包 2、操作简单,无需USB连接设备 3、支持HTTPS。 4、...
  • 开发项目的过程发现,在开发工具上可以请求到服务器数据,但是预览的时候就请求到。 后来发现,开发者工具的配置: 把这一项勾选之后,开发的时候可以请求,默认校验证书。但是预览的时候手机会进行验证。...
1 2 3 4 5 ... 20
收藏数 44,246
精华内容 17,698