微信调试工具_微信开发者工具 真机调试 - CSDN
  • 微信开发者工具调试大法

    万次阅读 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

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

    2020-07-30 23:32:06
    微信PC调试工具微信PC调试工具微信PC调试工具微信PC调试工具
  • 微信手机端调试工具[下载地址] (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调试界面

    这里写图片描述

    展开全文
  • 首先是去遮罩, 看到题, 调试可以用浏览器改useragent来模拟微信浏览器, 也可以直接下微信开发者工具调试. 控制台直接show_zhezhao_utlis(0,1)即可, 当然还是处于需要登录的状态 实现 试卷只是第二课堂加分用, 前几...

    本文分为两个部分, 一个是如何对微信内网页调试抓包的总结另一个是wjx的问卷填写.

    总结部分

    诸如"ks.wjx.top"的为考试卷, 估计也一般设置为要求微信登录.
    一共做过两次, 有强制微信手机登录, 也有可以用电脑微信做的.
    我自己发的测试问卷
    首先是去遮罩, 看到题, 调试可以用浏览器改useragent来模拟微信浏览器, 也可以直接下微信开发者工具调试.
    在这里插入图片描述
    控制台直接show_zhezhao_utlis(0,1)即可, 当然还是处于需要登录的状态

    实现

    试卷只是第二课堂加分用, 前几名加的比较多. 目的就是为了秒掉试卷(只有三套试卷 比的就是手速).
    搜了一下也只有电脑端的随机作答, 故写下此文.
    要说下我对这方面的知识只在了解层面, 弄也只是为了兴趣, 写下提供个思路, 言语描述若有不当请见谅…
    清楚了目标想到两种方法:
    1 用python模拟操作
    2 网页控制台写js

    第一种方法

    最重要的地方就是获取微信登录后的cookie, 不过光是手机抓包这一步就卡住我了, 安卓7.0以上对抓包进行了额外限制, 最后用虚拟机+微信7以下版本解决
    能够抓包之后, 发现不简单, 加上自己不懂就不在此献丑了, 有兴趣的可以采用这种方法. 到这,我果断放弃之.

    总结如下:

    关于微信内网页抓包版本问题
    fiddler+模拟器调试
    对微信网页抓包需要用安卓7以下版本, 推荐mumu
    当然也可以在手机上安装虚拟环境然后安装微信具体见使用Fiddler抓包微信7.0–HTTPS协议

    第二种方法

    就很简单了, 这种方法也是tx官方的方法, 前提要有wx版本号在7之前的版本, 因为7之后了微信浏览器换了内核. 所以不远的将来应该还是得用获取cookie的方式.
    在有了这个神器后, 后面的事就比较清晰了.
    使用上文介绍的使用虚拟环境(vxposed或模拟器安装微信低版本)
    然后利用官方还没有关闭的调试方法debugx5
    代码如下 与测试问卷无关,相关问卷已被关闭作答,供参考. ps: 借鉴了油猴上wjx的随机填问卷, 虽然电脑端和手机端是两套代码, 不过照葫芦画瓢就好了
    5个基础信息填空15个选择然后10个填空共三套试卷.

    (function() {
    	var ans1Select=new Array('3','4','4','2','1','2','4','1','1','4','4','1','1','3','2');
        var ans1Blank=new Array('I','D','H','C','O','B','J','G','L','E');
    	//loseweight
    	var ans2Select=new Array('1','4','1','2','1','2','4','1','3','3','4','3','2','4','1');
        var ans2Blank=new Array('I','N','M','C','O','J','E','L','A','G');
    	//whatabout
    	var ans3Select=new Array('1','2','1','4','1','4','2','1','1','2','3','2','1','4','1');
        var ans3Blank=new Array('G','L','F','O','C','E','M','N','J','B');
    	
    	var ansSelectTotal=new Array(ans1Select,ans2Select,ans3Select);
    	var ansBlankTotal=new Array(ans1Blank,ans2Blank,ans3Blank);
    	var basicInfo=new Array("理工","2017","软件","88888888","测试");//基础信息
    	
        function GetAnswer() {
    		this.martixSingleChoose = function(subject,num,paper) {
    			var tr = subject.querySelectorAll("a");
    			console.log(num);
    			console.log(paper);		
    			var ans=ansSelectTotal[paper-1][num-1];		
    			tr[ans - 1].classList.add('jqChecked');
    			tr[ans - 1].click();
    		}
    		
    		this.fillInTheBlank = function(subject,num,paper)	{
    			var textInputs = subject.querySelectorAll("input");
    			var ans=ansBlankTotal[paper - 1][num-1];
    			$(textInputs).attr("value",ans);
    		}
        }
    	
        function judgeType() 
    	{
            var q = document.getElementsByClassName("ui-field-contain");
    		
    		var paper=0;//第几张试卷
    		var paperType=q[1].querySelectorAll(".field-label")[0].textContent;
    		var ans3="1. what about*";
    		var ans2="1. lose weight*";
    		var ans1="1. glimpse*";
    		console.log(q[1].querySelectorAll(".field-label"));
    		console.log(paperType);
    		if(paperType==ans3)
    			paper=3;
    		if(paperType==ans2)
    			paper=2;
    		if(paperType==ans1)
    			paper=1;
    		
    		console.log(paper);
            var rc = new GetAnswer();
    		//基本信息
    		var listBasicInfo = q[0].querySelectorAll("input");
    		for(var i=0;i<listBasicInfo.length;i++)
    		{
    			var info=basicInfo[i];
    			$(listBasicInfo[i]).attr("value",info);
    		}
    		show_next_page();
            for (var i = 1; i < q.length; i++) 
    		{
                if (q[i].querySelectorAll(".ui-radio")[0]) 
    			{
                    if (q[i].querySelectorAll("input")[0])
    				{ // 表格题中包含有单选, 多选
                        input = q[i].querySelectorAll("input");
                        if (input[0].type == 'radio') 
    					{
                            rc.martixSingleChoose(q[i],i,paper);
                        }
                    }
                } 
    			else if (q[i].querySelectorAll(".ui-input-text")[0]) 
    			{
    				   console.log("填空", i);
    				   console.log(paper);
    				   rc.fillInTheBlank(q[i],i - 15,paper);	//填空题从16开始
    					
    			}
    		}
        }
        judgeType();
    	setTimeout(function()
    	{
    		var vote = document.getElementsByClassName("voteDiv");
    		var vote_a=vote[0].querySelectorAll("#ctlNext");
    		vote_a[0].click();
    	},1000);
    })();
    
    展开全文
  • 微信内置浏览器调试工具 微信调试 公众号调试 微信浏览器调试
  • 一,为什么使用natapp 1,在进行微信公众号开发时,我们需要搭建网站,并且随时都有可能修改网站内容...3,吐槽一下,本来qq浏览器有一个微信调试工具。该工具很方便使用,特别适合这种内网映射外网工作。但是现...
  • 微信调试工具无法点击授权按钮

    千次阅读 2018-04-26 22:52:32
    今天打开微信调试工具照常工作的时候发现点击授权按钮的时候没反应,再看控制台,大概意思就是说应该是“https”请求,而我的logo的地址是“http”的,显然不是这个错误,因为我没有修改过配置文件,也没有动过...
  • 下载包 git clone https://github.com/yuan1994/wechat_web_devtools 处理目录 //处理目录并启动服务 sudo mkdir /opt/tencent mv ./wechat_web_devtools/ /opt/tencent cd /opt/tencent/wechat_web_devtools/ ./nw
  • 突然发现企业微信微信有一个调试工具,只有企业微信管理员才能调试哈。 1.点击我的企业–>微工作台 2.开启开发者工具,并点击web开发工具。 3.点击下载地址,选择Windows 64位版本 4.下载完成后,点击安装 5...
  • 微信开发者工具  做微信公众号的过程中,自然避免不了登录账号然后进行调试,但是在chrome上我们没有办法登录,这是一个令人头疼的问题,比如这个公众号网页,只会提示出错,因为开发者限制了公众号网页的登录...
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 企业微信在其客户端内置了一个浏览器,企业微信指定的url只能在... 原理就是让企业微信内置浏览器的agent头跟其他浏览器不一样,而这个文件就是调试工具,相当于给开发者提供了一个调试入口,可以想谷歌等浏览器的F12一样
  • 微信web调试工具调试移动端接口

    千次阅读 2018-04-10 21:34:51
    工具的作用是可以在PC上模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。使用方法和下在地址见官网:https://mp.weixin.qq.com/wiki?t=resource/res_main&amp;id=mp1455784140调试微信的...
  • 微信在线接口工具调试使用
  • 微信开发者工具不能调试公众号和小程序 webview 问题描述 微信开发者工具调试小程序 webview 页面白屏,但是 date 里面数据一切正常 微信开发者工具不能调试公众号网页,但是打开百度正常 解决方案 这个原因真是...
  • 1.使用localhost本地调试 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只...
  • 微信开发本地调试工具 模拟微信客户端
  • 微信开发者工具调试微信网页授权,点击‘登录’按钮无效 问题描述 h5页面需要获取微信用户信息,参考微信开发者文档: 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,...
1 2 3 4 5 ... 20
收藏数 36,501
精华内容 14,600
关键字:

微信调试工具