鍍金池/ 問答/人工智能  C  Android  HTML/ Chrome Dev Tools 里,如何通過 Remote Devices 面

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

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

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

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

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

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

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


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

回答
編輯回答
傲寒

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

1. 在微信中進(jìn)入http://debugx5.qq.com

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

image

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

image

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

image

image

image

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

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

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

image

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

image

2017年9月20日 10:55
編輯回答
愿如初

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

2017年7月30日 10:59
編輯回答
厭惡我

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

2017年5月18日 07:15