blog

# 微信x5内核页面调试

本次使用的环境

硬件：华为p30

软件：

  • HarmonyOS 2.0.0.209
  • wechat 8.0.16
  • chrome 96.0.4664.55

# 准备

  1. android
  2. 数据线
  3. chrome
  4. vpn（chrome devtool）

# 步骤

# tbs安装

tbs安装地址: http://debugtbs.qq.com (opens new window)

选择安装线上内核，按提示进行，最后点击重启。

图片

# x5 debug 配置

x5debug配置地址: http://debugx5.qq.com (opens new window)

勾选打开TBS内核Inspector调试功能，打开TBS内核X5jscore Inspector调试功能, 打开vConsole调试功能这三个选项

图片

# chrome devtool

  1. 勾选Discover USB devices

图片

  1. 用手机微信访问需要调试的页面，在devtool就可以看到当前手机访问的页面

图片

  1. 开启vpn，在devtool点击对应网址的inspect

图片

# 其它

tbs 调试指南 https://x5.tencent.com/tbs/guide/debug/faq.html (opens new window)

不使用vpn则会出现HTTP/1.1 404 Not Found，因为devtool的inspect需要加载https://chrome-devtools-frontend.appspot.com上的资源，所以需要科学上网

paly store和app store的微信走的是系统内核, 浏览器啥样,微信里也一样

X5 浏览器内核调研报告 (opens new window)

← taro 源码 →