微信开发工具 怎么打开移动调试_微信开发工具移动调试 - CSDN
  • 背景:使用微信web开发者工具进行移动调试,按照 配置网络代理后,如图: 当重启微信后,发现公共号上不去了,也不能正常的上网了 可以将服务器地址更改为: 去掉http://后再尝试,就可以了,然后...

    背景:使用微信web开发者工具进行移动调试,按照


    配置网络代理后,如图:


    当重启微信后,发现公共号上不去了,也不能正常的上网了

    可以将服务器地址更改为:


    去掉http://后再尝试,就可以了,然后选择微信web开发者工具,选择“”开始调试“,浏览公众号网页,就能开始调试了

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

    展开全文
  • 对于微信开发而言,它和普通的web项目其实并没什么区别。微信项目也是web项目的一种,只不过它是在微信的内置的QQ浏览器里运行,更多的在手机端运行。微信本地开发,需要注意的就是调试与测试,因为页面要做手机端...

             微信服务号现在真的很强大,里面有各种各样的服务和功能。现在的移动端应用,可以说,微信已经超过了APP。对于微信开发而言,它和普通的web项目其实并没什么区别。微信项目也是web项目的一种,只不过它是在微信的内置的QQ浏览器里运行,更多的在手机端运行。微信本地开发,需要注意的就是调试与测试,因为页面要做手机端适配,功能也要做充分测试,并没有普通的web项目那么方便。

             微信项目开发的联调与测试,可以分为三种方式。

             一,在本地部署后,用普通的浏览器访问,开发者模式,F12。

             微信项目也是web项目,目的也是为用户提供服务,里面的大多功能,与普通web项目一样,都是服从于本项目的业务逻辑。排除微信的登录验证、授权免登陆、消息通知等需要调用微信接口的功能,它就是普通的web项目。当你不测试微信接口相关功能时,可以注释掉这部分代码,或者在拦截器里放开这些拦截校验。这样你完全可以用浏览器测你的微信项目,F12后选择“手机模式”,可以调整各种页面样式适配,也可以监控js的运行情况。把自己本地项目,调成debug模式启动,就可以完全进行前后台的调试了。这个方法的坏处是,无法调微信相关接口。

            二,利用个人申请的订阅号测试。

            作为微信开发者,最好申请一个自己的订阅号,这对开发调试很有用。个人只能申请订阅号,但是微信订阅号的微信公众平台里,左侧导航栏“开发”下面有个“开发者工具”,点进去里面有个“公众平台测试账号”。这个测试账号,可以使用服务号的所有高级接口。至于订阅号的申请,没什么难点,选择“个人”,按照提示做就行。里面有些参数需要配置,本地服务需要有个域名,供外网访问。可以选择花生壳等工具,对本机做个外网映射。下面贴一些图片。

            (1)扫码验证,进入个人订阅号的公众平台。


              (2)进入开发者工具。里面的“开发者文档”似乎未更新,不建议点这个链接看文档。在线接口调试工具也挺不错,你可以测试微信提供的各个接口。web开发者工具,支持本地调试,可以下载下来用,这个详细的使用心得下次再介绍。公众平台测试账号,正是我们的目标,需要再次扫码进入。


                    (3)这里面的APPID和secret,可以配置到你的项目里,这样你的项目就与这个测试号关联在一起了。如果有模板推送消息,也相应操作下,这个我暂时没试,可以按照提示做。



                   (4)微信扫码关注测试号,配置授权回调域名,js安全域名。注意,安全域名,必须是完整的域名,不要带“http://”。还有,接口权限的“网页服务”--“网页账号”,也可以在这里配置、修改授权回调域名。



             本地做好外网映射,取得访问项目的外网域名,debug模式启动项目,在测试服务号配置好回调域名,就可以实现移动调试了。你在手机上点击,可以在后台调试代码,也可以看到页面在手机端的适配效果。缺点是,无法进行页面样式的调试,无法监控js的运行。

             三,利用web开发者工具。

             因为我只能应用最基本的功能,它对于我就像一个QQ浏览器一样,本篇暂不进行介绍。它是腾讯专门开发的微信调试工具,可以实现本地调试和移动调试,功能很强大。


           本篇已完,web开发者工具等我完全用熟了所有功能再来写。

    展开全文
  • 微信手机端调试工具[下载地址] ...进入后的页面 注:1.如果安装调试工具-微信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调试界面

    这里写图片描述

    展开全文
  • 微信web开发工具 移动设备调试

    千次阅读 2017-06-09 15:01:14
    废话不多说,4步解决移动端调试问题!!!! 以苹果手机为例 1、必须先下载微信web调试工具这就不多说了 ...3、打开web调试工具选择移动调试---》ios设备调试---》开始调试 4、重启微信就可以访问你想调试的页面了
  • 微信Web开发者工具使用移动调试以及inspect出现白屏 解决方案 1.首先你得下一个微信web开发者工具 (长这样的) 下载地址 : (下载0.7版本的因为1x新版本没有移动调试)...
  • 其实就按照这上面说的就行。 关键点是在第三部。 配置网络代理时 不能填写http:// 转载于:https://www.cnblogs.com/mchuang/p/6136220.html
  • 微信web开发者工具调试

    千次阅读 2017-02-10 11:33:34
    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 微信web开发工具调试h5 对于开发人员而言,时间始终是稀缺资源。 从苛刻的截止日期到多个项目,再到意外的要求,我们对时间的需求不断。 因此,我们一直在寻找有助于提高生产率的工具和流程。 在本文中,我们将研究...
  • 微信开发者文档中有较详细的 Android 系统的调试方式,这里笔者记录一下 IOS系统的调试流程 Android调试文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 IOS调试: 手机上本来...
  • 简单讲一下利用微信官方提供的工具--微信web开发者工具,进行微信工程的本地调试和测试、生产环境的调试。  本地调试, 利用自己申请的订阅号的公众平台测试账号测试。  1、按照上篇文章中介绍的,设置网页授权...
  • 微信小程序开发工具调试界面鼠标看不见
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 微信开发中遇到用微信web工具可以打开网页,但是用微信客户端就打不开的时候,可以清空微信客户端的浏览器缓存,然后再测试,应该就可以打开了。微信浏览器缓存清理方法:1、随便打开一个聊天窗口,输入debugx5.qq...
  • 只能在微信打开?小样,图样图森破,限制了oauth、微信浏览器内打开,照样能看你源码~ 使用fiddler来抓包 需要先做一些简单的准备工作: 一台带有无线网卡的PC或者笔记本电脑,然后将电脑和手机连接到同...
  • 按照微信web开发者工具设置手机http代理,用的是iphone8,设置完代理后发现在微信只可以打开http网页,无法打开https网页,咋办?有遇到过的朋友请指点一下,在此谢过!
  • 官方(2016.05.19) 0.7.0版本带移动调试。如果链接不是的话可能要登录微信公众号再打开 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 其它最新版本下载 ...
  • 微信web调试工具调试移动端接口

    千次阅读 2018-04-10 21:34:51
    最近使用开发微信相关内容,使用了微信官方提供的web开发者工具工具的作用是可以在PC上模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。使用方法和下在地址见官网:...
1 2 3 4 5 ... 20
收藏数 9,922
精华内容 3,968
关键字:

微信开发工具 怎么打开移动调试