Chrome Dev Tools 里，如何通過 Remote Devices 面板，調(diào)試 Android 微信里打開的頁面？

先說明，本人一直有在用這個功能，我以前的手機刷了 LineageOS，安卓版本是 Android 8.0 ，WeChat 版本 6.6.7 ，是 Google Play 里下載的。在以前很長一段時間里，我靠 Chrome Dev Tools 里的 Remote Devices 功能調(diào)試過非常多手機微信上的項目，簡直是神器。

然后最近換了新手機，刷了 Mokee 和 Android 8.1 ，之后發(fā)現(xiàn)我的新手機，現(xiàn)在不能用 Chrome Dev Tools 里的 Remote Devices 里調(diào)試微信的頁面了。WeChat 版本 6.6.7 ，還是 Google Play 里下載的。

現(xiàn)在我電腦 Chrome Dev Tools 里的 Remote Devices 連接手機沒問題，也有彈窗要求 USB 調(diào)試授權(quán)，手機里通過移動端 Chrome 打開的頁面，也是可以調(diào)試的。就是在微信里不可以。在微信里打開網(wǎng)頁，Windows 電腦里的 Remote Devices 面板顯示 No browsers detected 。

我上網(wǎng)搜過很多，大多都是說什么 X5 內(nèi)核的事，可我現(xiàn)在這個是 Android 原生 Webview，根本不起效，微信訪問 debugx5.qq.com 也顯示我不是在用 X5 內(nèi)核。

想不明白，我懷疑是新版本的微信，屏蔽掉了代碼里 WebView 調(diào)試權(quán)限或禁用了 Remote Devices 相關(guān)的接口？順帶提一下，微信那個開發(fā)者工具真的是爛到家了。這個功能對我蠻重要的，畢竟很多線上的環(huán)境很難去加載 Weinre , 我也不知道前端遠程調(diào)試移動設(shè)備還有什么更好的方法，谷歌自家的調(diào)試方法應(yīng)該是最好的了吧，有的話希望能推薦一下？

所以請問微信要怎樣才能在 Remote Devices 里調(diào)試頁面呢，我也不知道新手機是什么原因還是微信做了什么才導(dǎo)致現(xiàn)在不行。問題描述可能有些長，希望有踩過這個坑的朋友能給點解決思路，求助。

2018/09/01更新
昨晚我嘗試把新手機刷成 LineageOS16（Android Pie），沒有安裝任何谷歌服務(wù)的情況下（9.0 的 Gapps 現(xiàn)在還沒有），通過酷安市場安裝了最新的正式版微信 6.6.7 ，一插上電腦就能使用 Remote Devices ，雖然問題是暫時解決了，但是我很想知道原因，希望大家能一起討論下。

回答

編輯回答

傲寒

如何調(diào)試跑在微信中的頁面？

1. 在微信中進入http://debugx5.qq.com

進入這個url的方法有很多，可以把這個鏈接作為一條消息發(fā)送給自己，也可以，把這個url變成二維碼之后用微信掃描進入。也可以直接掃描下面這個二維碼

2. 掃描之后會出現(xiàn)下面這個界面，在界面上勾選相應(yīng)的選項

3. 手機設(shè)置中打開開發(fā)者模式，勾選允許usb調(diào)試

4.用一根usb線將手機和電腦連接起來

5.在微信里訪問你要調(diào)試的頁面，比如www.baidu.com

6.在pc端打開Chrome瀏覽器。進入chrome://inspect/#devices

7.點擊inspect，可以看到下面界面。此時你就可以在pc的Chrome瀏覽器里調(diào)試運行在微信里的頁面了。

2017年9月20日 10:55

編輯回答

愿如初

我就用的 '真的是爛到家的微信那個開發(fā)者工具'
感覺該有的功能也有了...

2017年7月30日 10:59

編輯回答

厭惡我

據(jù)我不成熟的對安卓webview的了解，如果想要調(diào)試一個app里面的h5頁面，這個app的debug模式是要打開的，要不然遠程調(diào)試是檢測不到的。對于你手機里面安裝的正式版微信來說，我覺得這個debug模式應(yīng)該不會是開著的，所以安安心心用'真的是爛到家的微信那個開發(fā)者工具'吧哈哈哈哈

2017年5月18日 07:15