微信开发者调试工具 真机调试_微信开发者工具真机调试 扫码真机调试之后打不开 - CSDN
  • 微信手机端调试工具[下载地址] ...如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。2.安装好后,选择移动调试,X5 Blin

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

    (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调试界面

    这里写图片描述

    展开全文
  • 简单的功能做的差不多了,然后打包到微信开发者工具真机进行调试时发现了一些匪夷所思的问题(也许只是对我来说是这样)。记录一下,以避免以后踩同样的坑。 一、self in not defined 在本地和开发者工具调试都...

    背景

    最近在用cocoscreator做一个对战的小游戏,通信用的socket.io模块,客户端语言用的ts,后端用的node.js
    简单的功能做的差不多了,然后打包到微信开发者工具和真机进行调试时发现了一些匪夷所思的问题(也许只是对我来说是这样)。记录一下,以避免以后踩同样的坑。

    一、self in not defined

    在这里插入图片描述
    在本地和开发者工具中调试都是正常的,但是不知为什么到真机调试的时候就会报这样的一个错。
    国庆前,就一直搞这个问题,cocos论坛和微信开发社区,大佬群各种地方发帖子,寻求解决办法。最终,无疾而终。

    终于在国庆之后,死马当活马医。在我全局搜索项目中哪里用到了self之后,发现socket.io.js里边有几个self。代码是压缩状态,我也没仔细看里边的逻辑是怎样的,猜测有可能是这里边self有问题吧。
    反正已经试了很多方法了,也不差这一下,换个socket包试一下吧。

    于是,我把socket.io.js(客户端用)的版本改为之前在论坛找到的一个包,版本1.4.4。

    最终测试,竟然成功了,困扰我半个月之久的问题终于解决了。

    总结:
    1.用1.4.4版本的socket.io.js客户端包
    2.执行命令 npm install @types/socket.io-client 得到的1.4.5的ts声明文件(ts智能提示需要)

    疑问:socket.io包的版本是:^2.2.0,socket.io.js也是从这里边拿出来的,版本相同按理说应该是没问题的,为什么这儿却不行。

    如果你也需要使用 ts的.d.ts + socket.io.js ,我打了一个包,可以下载
    ts+socket.io
    没有积分的,可以留言邮箱,我给你发。

    二、json对象的循环引用

    Converting circular structure to JSON;at setTimeout callback function
    TypeError: Converting circular structure to JSON
    at JSON.stringify ()
    在这里插入图片描述
    看问题是在onLoad的时候,JSON.stringify 方法报的错,
    原代码里,我做了一个判断,

    //window.global不存在时,则初始化
    if (window.global == null || JSON.stringify(window.global) == '{}'){
    		window.global = {};
    }
    

    因为此时window.global是undefined,所以导致了JSON.stringify出错。
    把这句改为 if(!window.global) 就可以了。

    三、cannot set property ‘’ of undefined

    在这里插入图片描述
    PS:按理说,这种问题很简单,就和java的空指针类似,肯定是哪个变量没有定义才导致的。顺着这个思路走下去。

    看错误提示,是addPlayer方法里边出的错,经排查发现是取global的一个属性时,这个属性还未定义。
    因此,在入口程序的脚本里边把所有用到的全局变量都初始化一下。
    类似于这样的:window.global = { a:null, b:{}, c:[] };

    然而,重新测试还是这样的问题,百思不得其解,我已经初始化了,为什么还是找不到变量。于是,我在微信开发者工具里进行断点调试。

    这里无奈吐槽一下,我简直要被微信开发者工具的debug工具误导死了,还以为是json解析异常呢。让我走了很多弯路。

    首先说明一下,下边的data是从服务器接收的一个嵌套的对象,结构类似于

    {
    	players:{
    		aaa: {
    			name: "zhangsan",
    			age: 12
    		},
    		bbb: {
    			name: "lisi",
    			age: 13
    		}
    	}
    }
    

    看debug步骤:
    step1: 此处data值显示正常
    在这里插入图片描述
    step2: data.players显示的值也正常
    在这里插入图片描述
    step3: 发现let players = data.players这一行赋值语句,赋值后的players为一个字符串
    在这里插入图片描述
    这就很奇怪了,players本来应该是一个对象的,为什么在这却变成了一个字符串呢?

    此处略过我的各种猜测,又改服务器代码,又该客户端代码的。(内心MMP)

    虽然看着这语法没有什么不对的地方,但是我一时半会怎么也想不通到底结果为什么是这样。但是我不信邪,我就不信了,这么个小问题我还搞不定你了。

    最终,我在控制台打印了一下global变量的时候,发现了重要的问题所在,此时global定义的空对象{}和空数组[]竟然全是undefined未定义的。明明,我已经在游戏开始场景定义了啊。算了,那我在本场景再重新定义一下吧。

    终于,一番操作之后,问题被解决了。控制台也能正常的打印出来global空数组和空对象。此时再去看我debug的变量let players = data.players,players竟然显示正常了,WHAT???
    微信,你玩我呢是吧。真是把我害惨了好吗。为什么同样的代码,刚才显示异常,现在显示又正常了呢??完美的把我的注意点带偏了。

    总结:这个问题,导致的原因,是跨场景时global定义的空对象和空数组不识别,需要重新定义。
    也引出了另外一个问题,global已经是全局的变量了,为什么里边的空对象和空数组在初始场景定义了,进入到其他场景却还是undefined呢?(global里边定义的null可以正常的跨场景)这个问题,容我以后再研究,有知道的小伙伴可以留言告诉我,谢谢~

    展开全文
  • 后面在调试的过程中,真机连上一段时间没有管它,这段时间过程中,微信开发者工具会自动断开与真机的连接的。 当再次打算重新扫面真机调试二维码时,就出现了: 已结束,请重新开始的状况 (当时没有及时截图,该图...

    前言解决方案在最后一句话,可以直接跳过前面的废话)在做一个小功能,智能识别图片上的数字文字,本来真机调试一切正常。后面在调试的过程中,真机连上一段时间没有管它,这段时间过程中,微信开发者工具会自动断开与真机的连接的。
    当再次打算重新扫面真机调试二维码时,就出现了:
    已结束,请重新开始的状况
    当时没有及时截图,该图是网上资源
    (当时没有及时截图,该图是网上资源)

    解决方式

    一:查找网友方案

    网上找到的方案:
    1、重新安装微信开发者工具;
    2、关闭微信开发者工具,重新打开项目;
    3、重新登陆项目
    4、万能的重启电脑
    5、等一段时间再打开项目
    还有一个方案是将微信开发者工具会推倒一个给定的版本,个人考虑不是很好,首先微信开发者工具更新很频繁,其次会推倒固定的版本,这个本来就不是一个很好的方案

    二:核实方案

    实验了方案2和3,再次点击真机调试按钮的时候发现,提示了:错误 请先结束其他真机调试

    在这里插入图片描述
    有点搞人啊,想了想算了,关机重启好麻烦,而且这个问题也没有去网上查找,等一段时间再打开项目,额,一着急想解决某个问题的时候,等待真的是像初恋时缠缠绵绵的发消息却等不到开学时刻的感觉。

    三:解决方式

    这个小程序没有用git管理,那就换一下路径,当成一个新的项目重新导入到微信开发者工具中,解决之。

    展开全文
  • 真机调试有两种:扫描二维码真机调试,自动真机调试。 选择自动真机调试,前提: 这样改了js代码就不用重新使用微信扫码调试了。

    真机调试有两种:扫描二维码真机调试,自动真机调试。

    选择自动真机调试,前提:

    这样改了js代码就不用重新使用微信扫码调试了。

    展开全文
  • 微信开发者工具调试大法

    万次阅读 2019-01-24 11:44:29
    由于小程序的火爆,于是去开源中国接了个私活,开发...第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具调试,...
  • 微信开发者工具调试微信网页授权,点击‘登录’按钮无效 问题描述 h5页面需要获取微信用户信息,参考微信开发者文档: 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,...
  • 今天在用微信小程序时,竟然获取不到服务器的数据,我一惊,...好嘛,那我就用开发者工具真机调试,纳尼居然有数据…好,那我在用预览,结果没数据。 解决:点击小程序右上角的三点,选择“打开调试”就可以了 ...
  • 最近在使用微信开发者工具对开发的微信小程序进行调试,遇到过两次这种问题,查阅网上解决办法,做下记录。 1、重新启动微信开发者工具 2、等一段时间再试试 3、卸载重装。。。。。 这个问题好多人都有遇到,...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 微信开发者工具

    2020-09-04 17:21:21
    微信开发者工具是小程序开发生态一站式IDE,其功能有:代码开发、编译运行、界面和逻辑调试真机预览、发布版本等。 微信开发者工具底层框架 底层模块:基于nw.js ,使用node.js、chromium以及系统API来实现 用户...
  • 微信小程序使用真机或开发工具进行http请求开发测试1使用微信开发这工具进行http请求的配置2:真机进行http请求 微信开发这平台要求上线微信小程序配置的合法域以及网络请求名必须是https,如果是在开发测试阶段需要...
  • 微信web开发者工具 移动调试

    万次阅读 2018-06-13 10:03:16
    1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&...3 打开微信web开发者工具 ,选择如下图PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blin...
  • 微信H5移动端真机调试--vConsole

    万次阅读 多人点赞 2018-04-09 18:05:37
    友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息,比如cookie、LocalStorage,Network、Element…… 微信打开这个网址 ...
  • 最近几天没关电脑,发现微信开发者工具非常卡顿,于是重启了一下,这一重启不要紧,打开了好几次都打不开,查看任务管理器,发现有一大堆微信开发者工具的进程,所以程序是运行了,但是界面没打开..上网查了一下,重启系统,重...
  • 下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载好后界面如下: 二.在命令行运行项目,npm run dev 三.在上张图片的红框内输入项目URL地址,如:...
  • 微信开发最大的特点就是不好调试,所以微信官方退出了一款调试工具! 下载地址: 微信开发者工具项目演示 配置: 我这里是选择 ios 手机代理配置 打开手机选择网络(必须确保手机,电脑在同一局域网下面) 然后点击...
  • 微信web开发者工具调试

    千次阅读 2017-02-10 11:33:34
    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
1 2 3 4 5 ... 20
收藏数 4,088
精华内容 1,635
关键字:

微信开发者调试工具 真机调试