解放前端工程师的微信调试工具

尼耳多
10,768 阅读7分钟
原文链接： blog.qqbrowser.cc

  1. 使用NodeJS本地开发微信公众号示例

    1.windows上安装NodeJS

    2.新建项目目录，如nodejs_wechat_bot，进入目录后安装express和weixin-api模块，具体方法是: npm install express npm install weixin-api

    3.新建文件index.js,写入如下内容 var weixin = require('weixin-api'); var express = require('express'); var app…

  2. 如何调试手机QQ、手机QQ浏览器、QQ空间

    使用微信调试工具，可以很方便地远程调试微信网页，本地开发微信公众号。 此外，这个工具还支持手机QQ webview、手机QQ浏览器网页、手机QQ空间webview的调试，启用方式是：进入插件的选项页，一键切换要调试的app。…

  3. 服务器端调试快速指南

    与普通公众号相比，微信公众平台接口测试帐号申请更快速，能直接体验的功能更多。这里以接口测试帐号为例来说明公众号本地调试的步骤，公众号申请方法参考最下方的链接

    Step1: 若您还没有微信公众平台接口测试账号,请点击这里,扫描二维码申请微信公众平台接口测试帐号

    Step2: 手机确认登录后,出现以下页面:

    Step3: 进入插件的服务器端调试界面,填写对应的端口号,如果你还没有本地服务器,不妨在对应位置写入4040: 当你有了自己的本地服务器以后,别忘了把4040改为你自己的端口号! Step4…

  4. 本地调试常见问题

    服务启动失败常见原因

    1.网络不通 请检查本机是否已连接Internet

    2.未启动代理 有些办公网络需要设置网络代理，才能正常浏览各种网页。 可以通过检查IE代理设置来确认是否启用了代理，具体方法是打开IE-工具-Internet选项-“连接”选项卡-局域网设置-代理服务器。 若使用了代理服务器，开启本地调试时需要将相应的代理设置填写上。

    3.如何填写代理服务器? 进入插件页面,点击高级设置,在本地代理设置栏里填写对应的代理服务器地址(例如,代理服务器地址是http://www.web-pro…

  5. 微信网页调试快速指南

    什么是微信网页调试

    微信网页调试就是手机打开DEBUG模式通过USB先连接电脑以后,在电脑上可以和调试PC端WEB网页一样调试微信内嵌网页 关于微信网页调试 微信JS API可以调用微信各种强大的原生能力,站在一个新的高度理解Web 但是微信内嵌网页一直没有很好的联机调试方法 Breakpoint,Call Stack,Network,Console等都是前端定位bug所依赖的 按照大部分教程实现的调试,步骤依然过于繁琐,极易出错 现在比较流行的weinre却不能很好的支持Breakpoint…

  6. 开启网页调试教程

    安装微信调试工具 安装QQ浏览器。windows用户可下载QQ浏览器9最新版，mac用户请下载并安装mac版QQ浏览器，浏览器版本号不低于3.8 进入应用中心，搜索并安装“微信调试工具” 开启网页调试步骤

    Step1: 首先打开调试的微信网页，并且微信版本不低于6.2.4(下图以微信红包网页为例)

    Step2: 插件->网页调试->"开启调试"按钮 确认手机通过USB数据线连接电脑,并已开启调试模式(点此查询如何开启调试模式) 确认手机已安装TBS环境(点击查看安装TBS环境教程) Step…

  7. 安装TBS环境教程

    注意:在执行下面的操作之前,请先确认 1.Android手机已安装微信,并且微信版本不低于6.2.4 2.手机通过USB数据线连接电脑,并已开启调试模式(点此查询如何开启调试模式)

    确认上述要求都满足以后,下面安装TBS环境 Step1: 插件->网页调试->点此快速安装TBS Step2: 点击"一键安装TBS"按钮

    Step3: 打开微信,扫描二维码,微信上会弹出对应页面

    Step4: 依次点击"清除TBS内核"->"安装本地TBS内核" 等待不超过20s,会弹出确认框提示安装成功 注意,若…

  8. 如何手动拷贝TBS包到手机

    特别注意,在接下来的步骤中,不要将TBS包以及安装路径重命名 否则会导致调试环境的安装失败!

    Step1: 点击下载最新TBS包

    Step2: 在连接USB线的情况下,WINDOWS资源管理器会看到手机SD外设,双击进入(便携式媒体播放器)

    Step3: 在内存设备里空白位置右键新建文件夹,命名为tbs

    进入tbs文件夹用同样的方式新建文件夹,命名为com.tencent.mm 进入com.tencent.mm文件夹,如下图所示:

    Step4: 将下载的TBS包(APK文件)拷贝到这个目录下,如…

  9. 如何打开“USB调试”模式？

    请首先确认您的系统版本, 点击「设置」-「关于手机」查看您当前的手机版本号。 如果您使用 Android 4.2.X 或5.0以上系统的设备:

    Step1：在应用程序列表中选择「设置」进入系统设置菜单，点击「关于手机」；

    Step2：拉到屏幕最下方，找到「版本号」，连续点击 5-7 下；

    Step3：点击过后，如果出现「您现在处于开发者模式」，说明您点击成功；如果没有，请继续猛击，直至出现为止。 Step4：再回到「设置」页面，您就可以找到「开发者选项」了！

    Step5：进入「开发者选项…

  10. adb常见错误处理

    找不到设备 device not found 这种情况，一般现象是我们已经用 USB 把 Android 设备和主机连接在一起，但 adb devices 却无法正常识别该设备。但是通过 lsusb 命令却又能够看到该USB设备。原因一般是 ADB 不识别该设备的 VenderID。我们可以新建一个 $HOME/.android/adb_usb.ini 文件，把我们 USB 设备上的 VenderID 添加到该文件里，一个一行，然后运行 adb kill-server 把 ADB Serve…

  11. 快速开始

    这个工具能做什么？ 远程调试微信内网页 Android手机打开DEBUG模式,并通过USB先连接电脑以后,可以在PC端远程调试微信内WEB网页，支持断点调试微信JS API。

    使用方法参考: 如何开启微信网页远程调试 公众号本地开发和调试 微信公众号开启开发者模式后，微信服务器会向开发者配置的服务器推送相关消息。我们在进行微信公众号开发时，必须要有外网域名才能收到微信服务器的推送，这给开发和调试带来很大的不便。使用由QQ浏览器提供的微信公众号调试工具，你可以在自己的开发机上进行开发和调试，不再需…

  12. 微信公众号本地调试

    背景 微信公众号开启开发者模式后，微信服务器会向开发者配置的服务器推送相关消息。我们在进行微信公众号开发时，必须要有外网域名才能收到微信服务器的推送，这给开发和调试带来很大的不便。使用由QQ浏览器提供的微信公众号调试工具，你可以在自己的windows开发机上进行开发和调试，不再需要外网IP和域名。

    功能特性

    本地开发，在自己的开发机或者私人电脑上就可以进行微信公众号开发和调试，不需要公网IP和域名 微信报文审查功能，可以直观看到已接收和已发送的消息内容和事件，方便开发和问题定位 微信报文…

avatar
文章
阅读
粉丝