微信开发工具和手机连接调试_微信开发者工具连接手机调试 - CSDN
  • 微信手机调试工具[下载地址] (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调试界面

    这里写图片描述

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

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

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

    下载地址:传送门

    微信开发者工具项目演示

    配置:

    我这里是选择 ios

    在这里插入图片描述

    手机代理配置

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

    在这里插入图片描述

    在这里插入图片描述

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

    在这里插入图片描述

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

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

    展开全文
  • 远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)。支持HTTP/HTTPS,无需USB连接设备。     01特性   1、页面调试+抓包 2、操作简单,无需USB连接设备 3、支持HTTPS。 4、...

    一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)。支持HTTP/HTTPS,无需USB连接设备。

     

     

    01特性

     

    1、页面调试+抓包

    2、操作简单,无需USB连接设备

    3、支持HTTPS。

    4、spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。

    5、自动忽略原生App发起的https请求,只拦截webview发起的https请求。对使用了SSL pinning技术的原生App不造成任何影响。

    6、可以配合其它代理工具一起使用(默认使用AnyProxy) (设置外部代理)

     

     

    02使用案例

     

    页面编辑模式

     

    启动命令:spy-debugger -w true

     

     

    weiner页面调试界面

     

     

     

    anyproxy抓包界面

     

     

     

    03安装

     

    Windows 下

    
     

    Mac 下

    
     

     

    04三分钟上手

     

    第一步:手机和PC保持在同一网络下(比如同时连到一个Wi-Fi下)

    第二步:命令行输入spy-debugger,按命令行提示用浏览器打开相应地址。

    第三步:设置手机的HTTP代理,代理IP地址设置为PC的IP地址,端口为spy-debugger的启动端口(默认端口:9888)。

    • Android设置代理步骤:设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动

    • iOS设置代理步骤:设置 - 无线局域网 - 选中网络 - HTTP代理手动

    第四步:手机安装证书。注:手机必须先设置完代理后再通过(非微信)手机浏览器访问http://spydebugger.com/cert(地址二维码)安装证书(手机首次调试需要安装证书,已安装了证书的手机无需重复安装)。

    第五步:用手机浏览器访问你要调试的页面即可。

     

     

    05自定义选项

     

    端口

    (默认端口:9888)

    
     

     

    设置外部代理(默认使用AnyProxy)

    
     

     

    spy-debugger内置AnyProxy提供抓包功能,但是也可通过设置外部代理和其它抓包代理工具一起使用,如:Charles、Fiddler。

     

    设置页面内容为可编辑模式

    该功能使页面内容修改更加直观方便。 (默认: false)

    
     

     

    内部实现原理:在需要调试的页面内注入代码:document.body.contentEditable=true。暂不支持使用了iscroll框架的页面。

     

    是否允许weinre监控iframe加载的页面

    (默认: false)

    
     

     

    是否只拦截浏览器发起的https请求

    (默认: true)

    
     

    有些浏览器发出的connect请求没有正确的携带userAgent,这个判断有时候会出错,如UC浏览器。这个时候需要设置为false。大多数情况建议启用默认配置:true,由于目前大量App应用自身(非WebView)发出的请求会使用到SSL pinning技术,自定义的证书将不能通过app的证书校验。

     

    是否允许HTTP缓存

    (默认: false)

    
     

     

    06更多

     

    • 修复weinre在node.js V7版本会崩溃的bug

    • 对weinre在页面document ready事件前,无法打印console.log日志进行了增强修复。

    • spy-debugger原理是集成了weinre,简化了weinre需要给每个调试的页面添加js代码。spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便。

    展开全文
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...

    今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题:

        

    在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:

    1.首先,你必须是这个企业微信的管理员。这个可以在企业微信中的权限设置中设置。很好找,不再赘述。

    2.要在企业微信中勾上【开发者工具】选项,这个东西真的是找得我怀疑人生。这里贴上选项位置的两张图,防止大家在这种简单步骤上浪费时间。文字描述:在导航栏中选择【连接微信】 ->【微工作台】->最下面的【开发者工具】



    展开全文
  • 我们在开发手机版网页的时候,常常会出现下面的情景:(1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log;(2) 上线后,某用户表示页面失灵,但我们自己又重现不出来,看不到...
  • 其实就按照这上面说的就行。 关键点是在第三部。 配置网络代理时 不能填写http:// 转载于:https://www.cnblogs.com/mchuang/p/6136220.html
  • 1.使用localhost本地调试 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试...这么好用的功能,只需要要你有一个手机手机上安装了一个微信即可。 地址:https://mp.weixin.qq.co...
  • 1、必须先下载微信web调试工具这就不多说了 2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为本机一样的IP,端口9973 3、打开web调试工具...
  • 如果想测试一下自己拿到 appid secret是不是正确的,可以通过在线接口调试工具进行测试 官方地址:https://mp.weixin.qq.com/debug/ 使用方式如下图 , 这个工具还是挺好用的按内容输入,然后点击检查问题就可以...
  • 曾几何时,在v0.x版本的微信开发者工具是自带真机调试功能的,但从微信小程序横空出世后,公众号网页开发模式就找不到这个真机调试的功能了...,估计是“失宠”了吧 o(╥﹏╥)o 于是乎,有很多小伙伴就开始懵了 =>...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 1.在Hbuilder X里选择微信开发工具的自定义安装位置 2.打开微信开发工具,设置->代理设置 服务端口开启即可 3.在Hbuilder X里选择 微信小程序运行就可以自动调用微信开发工具 ...
  • 最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...
  • 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 最近在使用微信开发者工具开发微信小程序进行调试,遇到过两次这种问题,查阅网上解决办法,做下记录。 1、重新启动微信开发者工具 2、等一段时间再试试 3、卸载重装。。。。。 这个问题好多人都有遇到,...
  • 最近使用开发微信相关内容,使用了微信官方提供的web开发者工具工具的作用是可以在PC上模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。使用方法下在地址见官网:...
  • 一、背景:微信开发其实跟web开发并没有太大的分别,在我们进行微信开发的时候,需要调用微信接口的时候(比如获取地理位置,上传图片,拍照等),肯定是需要在微信上操作的,而这时候我们的项目还没有部署到生产上...
  • 微信开发者工具  做微信公众号的过程中,自然避免不了... 曾经开发人员会通过抓取cookie等种种方法绕过限制,非常麻烦,但是现在腾讯出了微信web开发者工具,其效果不仅微信上的一模一样,并且还可以非常轻松...
1 2 3 4 5 ... 20
收藏数 10,945
精华内容 4,378
关键字:

微信开发工具和手机连接调试