如何檢查Android瀏覽器中的元素？

我想檢查我的網站的CSS/HTML元素在我的Android瀏覽器。但它會通過智能手機或Android SDK。如何檢查Android瀏覽器中的元素？

什麼是最好的辦法呢？在Android

2012-11-11 alnassre

[檢查Android中的UI元素]的可能的重複（http://stackoverflow.com/questions/8304358/inspect-ui-elements-in-android） – rid

瀏覽器能夠使用桌面上的Chrome開發者工具來檢查這是從Android設備上的Chrome應用程序加載的HTML。

2012-11-11 10:16:56

我很好，但是我會更快樂如果我能做到這一點在Android瀏覽器，Chrome瀏覽器沒有，這主要是因爲Chrome的已經的偉大工程......你知道，兼容性問題讓我不得不降級的東西，但我沒有辦法測試它:( – Goodwine

的@Goodwine取看看https://www.jshybugger.com/。它是目前調試Android Browser的最佳解決方案。 –

@PaulIrish在本文發表時，我一直在尋找，並發現[weinre]（http：// people。 apache.org/~pmuellr/weinre/docs/latest/Home。html），它一旦你能夠處理它真的很好:) – Goodwine

只好到調試的原生Android瀏覽器的網站，來到了這裏。所以，我的OS X 10.9（如weinre服務器）上嘗試weinre與Firefox 30.0（weinre客戶端）和一個Android 4.1.2（目標）。我對結果感到非常驚訝。

下載，然後從http://nodejs.org/download/
安裝節點運行安裝weinre：sudo npm -g install weinre
找出在設置你當前的IP地址>網絡
設置你的機器上weinre服務器：weinre --boundHost YOUR.IP.ADDRESS.HERE
在你瀏覽器調用：http://YOUR.IP.ADRESS.HERE:8080
你會看到一個腳本片段，將其放置到您的網站：<script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
打開您的本地瀏覽器的調試客戶端：http://YOUR.IP.ADDRESS.HERE:8080/client
最後在Android：叫你要檢查（具有內部腳本），看看在你的本地瀏覽器作爲「目標」是如何出現在現場。現在你可以打開「元素」或任何你想要的。

也許8080是不是你的默認端口。然後在第4步中，您必須撥打weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE。

我不記得它到底是什麼時候，也許在第5步之後的某個地方，我不得不接受傳入的連接提示，當然。

:)快樂調試

附：我仍然不知所措。即使元素 - 突出顯示的工作O_O°

2014-07-23 20:41:47 leymannx

簡直太神奇了。感謝您的一步一步。 – rsc

或者在步驟4中使用'weinre --boundHost -all-'綁定到所有接口 – awidgery

另外，我必須使用ngrok來遠程創建隧道。確保你將ngrok綁定到相同的ip地址（而不是localhost），否則它將無法工作ngrok http 192.168.0.104：8080然後在腳本標籤中使用ngrok url。 –

您可以使用Chrome瀏覽器檢查Android設備中網站的元素。打開Chrome瀏覽器和GOTO要inspect.Go到地址欄並輸入網站「查看源代碼」的「HTTP」之前並重新加載PAGE電泳頁面的所有元素將被顯示。

2017-03-28 05:56:57 maa

回答