Debugging wechat built-in browser with chrome

Wechat now adopts X5 The kernel is based on Chrome, We can go through Chrome Debug wechat built-in browser .
Before we start , You need to prepare one with Chrome Browser computer ,PC and Mac All possible , Then you need a wechat installed Android mobile phone , And one USB cable , be used for USB debugging
then , Reference resources Google Official documentation provided .

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=zh-cn

Google The method in the documentation of applies to Chrome and Android Upper Chrome Connect for debugging , However, the wechat built-in browser does not naturally support it . To debug the web pages on the built-in browser of wechat , We also need to configure wechat .
In any chat window on wechat , Paste web address ：http://debugx5.qq.com
Then click to access it , A configuration page opens .
In the configuration page , find “ Information ” TAB , And check its ” open TBS kernel Inspector Debugging function ”, Then it can be regarded as Android Upper Chrome It was debugged .
The rest of the steps are the same as Google Same as written in the official documents .

Reference resources ：

https://medium.com/@banyudu/%E4%BD%BF%E7%94%A8chrome%E8%B0%83%E8%AF%95%E5%BE%AE%E4%BF%A1%E5%86%85%E7%BD%AE%E6%B5%8F%E8%A7%88%E5%99%A8-ecd011fc76a9