題:
如何在Android瀏覽器中查看源代碼?
Vijay
2011-01-21 22:56:51 UTC
view on stackexchange narkive permalink

是否可以在Android網絡瀏覽器中查看源HTML?

十一 答案:
Ludder
2012-12-04 13:29:37 UTC
view on stackexchange narkive permalink

在Firefox或Android上的Chrome瀏覽器中,可以通過在地址欄中的URL前面加上“ view-source:”(即“ view-source:http://”)來查看源google.com ”。

很好的解決方案。它甚至生成語法顏色(至少在Chrome上),並允許將源代碼複製到剪貼板。
對於**適用於Android的Firefox **,有一個加載項,使您無需每次都在URL前面加上前綴即可查看源代碼,只需單擊應用程序菜單中的“查看源代碼”條目,您將看到當前打開的網頁的源代碼。附加組件為[查看源移動設備](https://addons.mozilla.org/en-US/android/addon/view-source-mobile/)
作為書籤:`javascript:document.location ='view-source:'+ document.location;`
該答案應多投票,並選擇為正確答案。
僅供參考,這在iOS上不起作用,我不知道它是否在Android上也受到了困擾。
這也適用於Android Adblock plus瀏覽器
這也適用於Linux和Windows(可能是macOS)上的Firefox和Chrome
這對修改後的頁面不起作用,因為它從服務器而不是瀏覽器獲取源。因此,例如,如果您有修改了元素的JavaScript,則不會從服務器獲取更新的HTML,而是獲取舊的/更新的HTML。
當我需要查看表單POST請求結果的頁面源時,這將無法正常工作。更改地址欄的內容將導致一個新的GET請求,該請求將僅顯示原始表單的源(在我的情況下,取決於其他表單的GET / POST端點是否相同)。
立即查看此頁面的來源
acconrad
2011-01-21 23:28:24 UTC
view on stackexchange narkive permalink

您可以使用Javascript的 alert 方法返回源代碼,在地址欄中輸入以下代碼:

javascript:alert(document.getElementsByTagName('html' )[0] .innerHTML);

最初,我懷疑javascript:URI方案是否可以在Android的瀏覽器上使用,但似乎可以在我的2.1瀏覽器上使用。但是,您不會突出顯示語法,也無法複製文本,因此它對於較長的HTML頁面不是很有用。
對我不起作用!模擬器總是添加http://前綴,但我得到了Google找不到的站點。
Chrome for Android僅顯示約50行。
在Android的Firefox上不起作用。
Keith Twombley
2011-01-23 07:59:56 UTC
view on stackexchange narkive permalink

在市場上尋找一個名為查看Web Source的應用並進行安裝。

然後在瀏覽時打開菜單並點擊“共享”,在彈出的列表中向上選擇“查看Web源”。

Keith-您ROCK man ..保存了我的@ss ..無法弄清楚為什麼我的視頻沒有被嵌入,但是藉助該工具,我可以從源代碼中看到該代碼未包含在.net服務器中
鏈接到應用程序:https://market.android.com/details?id=com.jamesob.vwsource剛剛嘗試過,看起來不錯。沒有突出顯示語法,但可以完成工作。將源放入普通文本框中,這意味著您可以輕鬆地從中復製文本。
ReBeL
2013-08-21 16:24:34 UTC
view on stackexchange narkive permalink

此答案中提到的應用自2009年以來未進行更新。

您可能想嘗試 VT View Source

它具有語法突出顯示,並且非常易於使用。適用於默認的Android瀏覽器和Chrome。最新的Android版Firefox具有自己的查看源,因此不需要此源。
Lie Ryan
2012-07-29 18:12:34 UTC
view on stackexchange narkive permalink

weinre遠程調試器。

這個答案令人震驚。
Milen Boev
2014-03-20 01:14:55 UTC
view on stackexchange narkive permalink

在Mobile Chrome上創建新書籤(書籤),方法如下:

名稱:查看源代碼(vs)

URL: javascript:document.location ='view-來源:'+ document.location; void(0);

現在在頁面上時,點擊地址字段並開始輸入:vs。應該出現小書籤,單擊它,就可以了。

Aftershock
2013-06-29 13:21:28 UTC
view on stackexchange narkive permalink

在chrome中,具有遠程調試功能。如果您在手機上安裝了Chrone。如果通過USB將手機連接到PC,則可以在Chrome瀏覽器中查看PC上Javascript修改的源代碼。

請參見 http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/

的結尾
Ken Fehling
2012-07-29 12:30:12 UTC
view on stackexchange narkive permalink

如果這是用於調試(從您的評論看來,是這樣),則更好的做法是在桌面上安裝Firefox或Chrome的用戶代理切換器擴展。將用戶代理更改為Android,您將獲得該網站的移動版本,但使用了所有常用的源代碼和調試工具。

Wendallsan
2012-07-27 19:26:25 UTC
view on stackexchange narkive permalink

如果使用仿真器,則可以將源捕獲到Shell或文本文件中,這對於開發非常方便。為此,您需要安裝adb隨附的Android開發人員工具。啟動模擬器,然後從操作系統的外殼運行命令:

  adb logcat browser:V *:S  

這將從瀏覽器應用程序輸出任何內容在您的模擬器上,並取消顯示任何其他日誌消息。從那裡,所有javascript console.log命令都將被adb捕獲並輸出以供您查看。因此,如果您使用的是JQuery,則可以將其添加到頁面中,並將整個頁面的html輸出到日誌中:

  $(document).ready(function(){ console.log($('html')。html())});  

這會將頁面html標記內的所有內容輸出到日誌。

您可以使用以下命令捕獲日誌的輸出(至少使用BASH,至少我不能與其他shell對話):

  adb logcat瀏覽器:V *:S > log.txt  

現在,日誌中的所有輸出都將轉儲到您的log.txt文件中。對於整個頁面的HTML值來說,這確實非常方便,因為您可以像搜索其他文本文檔一樣在整個頁面中進行搜索。

如果要獲取頁面的特定部分而不是整個頁面, ,您可以指定頁面的該部分而不是JQuery中的html標記,因此,如果您需要查看具有與之關聯的類/ id的單個div(在此示例中,它具有一個名為'inspect-我”),則可以將JQuery更改為:

  $(document).ready(function(){console.log($('div.inspect-me')。html() )});  
雖然這可能很好用,但這個問題是*在Android網絡瀏覽器中*而不是*來自*。使用PC獲取源代碼的方法要簡單得多-例如在Firefox中按Ctrl-U;)
Akhi Hosad
2013-02-19 00:28:09 UTC
view on stackexchange narkive permalink

如果您使用的是Opera瀏覽器,請在地址欄中輸入以下內容,確保清除了http和其他內容,然後輸入:

  server:source  

在您打開的頁面的地址中。

Seekcougars
2014-10-08 21:34:28 UTC
view on stackexchange narkive permalink

如果您想查看Android瀏覽器頁面的源代碼或檢查頁面,可以使用此 https://developer.chrome.com/devtools/docs/remote-debugging非常好的檢查器



該問答將自動從英語翻譯而來。原始內容可在stackexchange上找到,我們感謝它分發的cc by-sa 2.0許可。
Loading...