微信调试工具_微信开发者调试工具 - CSDN
精华内容
参与话题
  • https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 ... 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521

    https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140


    http://blog.csdn.net/ktutu/article/details/70175979


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

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

    这里写图片描述


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

    万次阅读 2019-01-24 11:44:29
    由于小程序的火爆,于是去开源中国接了个私活,开发...第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点...

    由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

    第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

     

    第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

     

    第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

     

    如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

    办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

     

    办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

     

    方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

     

    如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

    办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

    展开全文
  • 微信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...

    1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

    下载一个自己能用的版本:


    2 手机开启  USB调试,不赘述了。每个版本显示方法不一样。

    手机通过数据线连接PC端


    3 打开微信web开发者工具 ,选择如下图

    PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blink调试。。。我也开启了TBS 内核 Inspector 调试功能。但是没用。。。。

    选择移动调试,选择普通调试




    4 手机连接wifi,确保wifi和pc端在同一个网段。(这个问网管就行了)

    连接玩后,进入wlan,设置: 

    代理:手动

    主机名:上面步骤1的网卡地址,我这里是192.168.1.88


    5 微信开启一个页面,然后点击微信web开发者工具的 开始调试。

    PS: 必须先开启页面,再点击开始调试!!!

    本机访问地址: http://192.168.1.88:804/controller/action  这样的iis发布地址


    6 成功的样子:


    失败的样子,就是黑色字体。Targets:none


    具体可以参考:https://www.jianshu.com/p/13d3c2fa5412

    展开全文
  • 微信公众平台前端团队打造的前端调试面板。 使用方法: <script src="path/to/vconsole.min.js"></script> <script> console.log("test"); &lt...

    问题: 手机端H5页面有时候并不知道问题出在什么地方,不方便前端调试。
    方法:

    1 : 工具 vConsole

    微信公众平台前端团队打造的前端调试面板。
    使用方法:

    <script src="path/to/vconsole.min.js"></script>
    <script>
    	console.log("test");
    </script>	
    

    【注】只能打印console数据,不能打断点

    2:

    直接在微信里面打开地址:
    http://debugx5.qq.com
    设置里面的信息,勾选相关条件

    在这里插入图片描述
    设置好后,打开要调试的H5页面就可以看到有个小绿标。

    展开全文
  • 微信PC调试工具

    2020-07-30 23:32:06
    微信PC调试工具微信PC调试工具微信PC调试工具微信PC调试工具
  • 微信公众平台接口调试工具

    万次阅读 2018-08-07 20:54:23
    微信公众平台为公众号开发者提供了网页版的接口调试工具,开发者可以直接在网页中调用对应的接口,比如获取access_token接口,创建菜单接口,发送消息接口 等等。   先看一下界面,访问: ... ...
  • 背景:使用微信web开发者工具进行移动调试,按照 配置网络代理后,如图: 当重启微信后,发现公共号上不去了,也不能正常的上网了 可以将服务器地址更改为: 去掉http://后再尝试,就可以了,然后...
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,供本地...
  • 下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载好后界面如下: 二.在命令行运行项目,npm run dev 三.在上张图片的红框内输入项目URL地址,如:...
  • 微信公众h5页面如何在web端调试

    千次阅读 2018-03-06 16:51:24
    由于微信公众页面在手机上不好调试。所以可以选择使用微信开发者工具登录微信公众号-》开发者工具-》绑定微信账号-》下载工具-》安装-》微信扫码-》工具内输入公众号网页地址...
  • 微信浏览器调试

    万次阅读 2017-06-09 18:01:12
    微信浏览器调试
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 微信小程序开发者工具简介

    万次阅读 2018-05-14 10:07:29
    微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了...
  • 最近在使用微信开发者工具对开发的微信小程序进行调试,遇到过两次这种问题,查阅网上解决办法,做下记录。 1、重新启动微信开发者工具 2、等一段时间再试试 3、卸载重装。。。。。 这个问题好多人都有遇到,...
  • 如何在本地进行微信公众号的开发和调试
  • 由于微信对很多页面做了限制,微信开发工作者需要对页面进行调试 这个时候可以用到谷歌 首先我们需要打开微信 TBS 调试 http://debugx5.qq.com 也可微信直接扫描二维码 然后打开手机 打开开发者模式,打开 ...
  • 微信浏览器手机调试神器TBS Studio

    千次阅读 2016-12-20 16:24:51
    微信调试主要有两款软件,一个是微信web开发者工具,但是主要只能用于pc端调试,但毕竟移动端与pc环境的差异,程序运行起来还是有略微的不同。另外一个神器就是这个TBS Studio,地址如下: ...
  • 真机调试有两种:扫描二维码真机调试,自动真机调试。 选择自动真机调试,前提: 这样改了js代码就不用重新使用微信扫码调试了。
  • 刚刚微信小程序只有打开调试模式才能看到信息。查了一下,是因为服务器的域名没有设置。登录开发平台设置。这个然后呢,还要在开发工具中同步重新编译,OK!...
  • 之前我们公司想要调试企业微信的SAAS项目只能每次前端改一次然后就让服务端部署一下。特别麻烦,浪费时间。 为了避免更多的朋友浪费时间故发此文章供大家观看。 首先我们需要到这个地址去下载微信开发者工具:...
1 2 3 4 5 ... 20
收藏数 37,001
精华内容 14,800
关键字:

微信调试工具