微信开发者工作移动端连接不上_微信公众平台仅支持移动端微信认证,不支持pc端微信认证 - CSDN
  • 还记得之前用微信的 web开发者工具是长这个样子的, 打开后直接就有移动开发的选项,然而现在却没有了, 调试了, 摸黑写代码, 爽! 以前↓ 现在↓ 这样可不行呀, 随便改个东西都要 alert(JSON.stringify...

    还记得之前用微信的 web开发者工具是长这个样子的, 打开后直接就有移动开发的选项,然而现在却没有了, 调试不了, 摸黑写代码, 不爽!

    以前↓


    现在↓


    这样可不行呀, 随便改个东西都要 alert(JSON.stringify(xxx)), 才能看得到到底返回了啥内容

    于是就找到了另外一个腾讯的移动调试工具 TBS Studio

    官方介绍: http://bbs.mb.qq.com/thread-1416936-1-1.html

    打开后就是长这个样子的↓


    具体使用步骤: 

    感觉自己再怎么写也赶不上官方的详细, 直接看官方的好了啦

     https://x5.tencent.com/tbs/guide/debug/season1.html


    下面这个单独贴出来, 因为我是华为 P10手机, 之前用 chrome 的调试工具一直识别不出来, 更别说调试微信了, 使用下面官方的方法, 终于连接成功了, 供参考!
    4. 电脑死活adb连接不成功?

    解决方案:

    方案一: 确保USB与PC的连接

    1) 请确保USB连线能正常连通PC和手机(非常重要呀!)

    简单确认方法:手机状态栏显示为充电状态。

    2) 请确保PC的USB驱动已正常安装,可以在控制面板“设备管理器” “通用串行总线控制器”中确认无异常USB设备显示。

    3) 点击重置,再次“启动检测”。

    方案二: 使用adb启动

    1) 使用内置adb包( win下载mac下载),手动启动adb

    运行 adb devices

    2) 找到设备,点击重置,再次“启动检测”

    3) 未找到设备,或者offline

      ① 运行命令 adb kill-server -> adb start-server -> adb devices

      ② 重拔usb链接调试设备

      ③ 重启调试设备

      ④ 重启电脑...

    方案三: 安装PC应用宝

    方案四: 安装android SDK




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

    展开全文
  • 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...

    来源:http://www.cnblogs.com/Leo_wl/p/5983030.html

    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,不对的地方请大家批评指正。放入官方的微信web开发者工具下载链接以及文档说明https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html,参考这个文档,我又给细节化了一些内容。下载以后直接安装就好。

    1.下载安装好以后,打开界面是这样的。

     

     

    2.我们点击登录,会出现扫描二维码页面,用你自己的微信扫一下登录就可以

      

     

    3.登录以后,就可以对我们的微信企业号页面进行调试,请注意!!!要想调试当前的企业号页面,你登录的微信号,必须是这个企业号的管理员(这在微信开发者工具的说明文档有写),如果不是,请在你们的企业号开发端把你的微信设置为管理员。否则在开发者工具里面将会出现下面这个页面,如图

     

       管理员设置界面如图:

       

     

    在企业号管理页面添加完毕以后,会在你的手机微信端有提醒,记得按照他的提醒设置一下开发者工具的登陆密码,如果没有设置密码,你依然登陆不上去,如图所示:

     

    设置完密码以后,我们点击登录,发现还是上不去,如图所示:

     

    点进去以后,如图所示:

     

    2.上面所有的都设置过以后,我们登陆开发工具,随意打开一个公众号的页面,复制链接放在开发工具的地址栏,现在基本上就可以在电脑上面进行调试了。页面如图:(关注一下移动调试)

     

    3.这个工具更加强大的功能!点击窗口中的移动调试。

      3-1.如图所示,我们先选择Android设备调试--普通调试,

      

     

     

      接着我们只要按照他的提示--调试步骤设置我们的手机就可以,手机代理设置如图所示:

     

    手机设置完毕代理以后,点击开发者工具页面中的开始调试就可以,很强大,我们选中的页面部分,会在手机上面实时显示出来。(自己体验一下。)

      3-2.如图所示,我们先选择Android设备调试--X5 Blink内核调试,这个功能更强大!

    这一部分强烈建议看一下官网的文档说明,我先copy一下放在这。

    移动调试

    移动端网页的表现,通常和桌面浏览器上有所区别,包括样式的呈现、脚本的逻辑等等,这会给开发者带来一定的困扰。现在,微信安卓客户端 webview 已经开始全面升级至 X5 Blink 内核,新的内核无论在渲染能力、API 支持还是在开发辅助上都有很大进步。通过微信 web 开发者工具中的远程调试功能,实时映射手机屏幕到微信 web 开发者工具上,将帮助开发者更高效地调试 X5 Blink 内核的网页,具体步骤如下:

    (1)准备工作

    1. 安装0.5.0或以上版本的微信 web 开发者工具

    2. 确认移动设备是否支持远程调试功能

      打开微信 web 开发者工具,选择“移动调试”tab,点击验证移动设备是否支持。随后使用移动设备扫描弹出的二维码,在设备上即可获得支持信息。

    3. 打开移动设备中的 USB 调试功能

      1.打开移动设备,进入“设置”->“开发人员选项”

      2.勾选“USB 调试功能”

     

      需要注意的是,Android 4.2 之后的设备,开发人员选项默认是隐藏的,通过以下步骤可以打开:

      1.打开移动设备,进入“设置”->“关于手机”

      2.找到并单击“内部版本号”7次

    4. 安装移动设备 USB 驱动

      通常开发者可以在移动设备厂商的官网中下载到相关驱动,或者使用腾讯手机管家来安装设备驱动。

    5. 打开 X5 Blink 内核的 inspector 功能

      打开微信 web 开发者工具,选择“移动调试”tab ,使用设备扫描“调试步骤”中的二维码。

      如下图,勾选“是否打开 TBS 内核 Inspector 调试功能”,并重启微信。

      

    (2)开始调试

    使用 USB 数据线连接移动设备与 PC 或者 Mac 后,点击打开微信 web 开发者工具“移动调试”tab,选择 X5 Blink 调试功能,将会打开一个新窗口,在微信中访问任意网页即可开始调试。关于 X5 Blink 内核更多信息,可以查看官网介绍

    在所有准备工作都完成的情况下,窗口中可以看到当前设备的基本信息:

    点击任意页面的“inspect”,打开新窗口,开发者会看到熟悉的调试界面:

    点击上图右上角的“手机”图标,将启用屏幕映射功能:

     

     

    下面我来补充一下:

    3-2-1.打开我们手机的调试USB调试功能,我的手机是三星S7,(高版本Android好像都这么弄,如果你的不可以,就问问度娘)找了半天没找到,问了度娘才找到。。。。写个记录

    在下拉通知栏里面选择设置,如图:

                        

    在版本号那里多点击几次,页面就会有提醒,再点击几次就可以打开开发者选项,打开以后,在我们设置里面就出现了开发者选项,点进去,把USB调试打开就好了。

    额外内容----如何关闭开发者选项???如图所示

                    

     

    3-2-2打开 X5 Blink 内核的 inspector 功能

                 打开微信 web 开发者工具,选择“移动调试”tab ,使用设备扫描“调试步骤”中的二维码。如下图,勾选“是否打开 TBS 内核 Inspector 调试功能”,并重启微信。

     

    3-2-3开始调试

        上面的设置都弄完以后,点击页面的的开始调试按钮,手机上出现下面这个页面,如图,我们点击确定就可以。

     

    然后我们的调试工具就会弹出这个页面:

    此时基本上就可以了,我们在我们的手机上随意打开一个我们要调试的微信公众号的页面。如图

    打开以后如图所示:左侧是我们的调试工具页面,右侧是我们的手机上显示的页面,是不是非常棒,哈哈哈哈,

               

     

    点击调试工具页面右上角的手机图标,可以将手机页面映射到调试工具里面,如图所示:


    展开全文
  • 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调试界面

    这里写图片描述


    展开全文
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 移动端对接微信登录

    2019-06-16 07:04:54
    2019独角兽企业重金招聘Python工程师标准>>> ...
  • 移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的...
  • 它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 进行开发和调试工作。 该工具界面主要由几大部分组成,如下图所示: 具体的安装步骤...
  • 最近使用开发微信相关内容,使用了微信官方提供的web开发者工具。工具的作用是可以在PC模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。使用方法和下在地址见官网:...
  • 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见《微信Mars:微信内部正在使用的网络层封装库,即将开源》),不过微信团队没有失约,微信Mars 于2016年12月28日正式公开源码(源码...
  • 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见《微信Mars:微信内部正在使用的网络层封装库,即将开源》),不过微信团队没有失约,微信Mars 于2016年12月28日正式公开源码(源码...
  • 微信团队已于2017年06月09日正式开源了微信自用的移动端数据库组件 WCDB(WeChat Database),详见《[资讯] 微信正式开源移动端数据库组件WCDB!》。 WCDB是微信终端的第三个开源项目。至此,微信分享出去的...
  • 1、前言关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见《微信Mars:微信内部正在使用的网络层封装库,即将开源》),不过微信团队没有失约,微信Mars 于2016年12月28日正式公开源码...
  • 我们在开发手机版网页的时候,常常会出现下面的情景:(1) 开发时,在自己电脑运行得好好的,在手机打开就挂了,但是手机又看到error log;(2) 上线后,某用户表示页面失灵,但我们自己又重现出来,看到...
  • 11月15日,深圳微信开发者大会隆重召开。本次大会主要特色在于邀请各大经典企业号、服务号开发商的技术领袖,分享案例的炼成之道和研发经验,如南航、哈根达斯、招行、欧派、长安汽车等。强大的讲师阵容、紧凑而丰富...
1 2 3 4 5 ... 20
收藏数 5,030
精华内容 2,012
关键字:

微信开发者工作移动端连接不上