是否可以在Android網絡瀏覽器中查看源HTML?
是否可以在Android網絡瀏覽器中查看源HTML?
在Firefox或Android上的Chrome瀏覽器中,可以通過在地址欄中的URL前面加上“ view-source:
”(即“ view-source:http://”)來查看源google.com
”。
您可以使用Javascript的 alert
方法返回源代碼,在地址欄中輸入以下代碼:
javascript:alert(document.getElementsByTagName('html' )[0] .innerHTML);
在市場上尋找一個名為查看Web Source的應用並進行安裝。
然後在瀏覽時打開菜單並點擊“共享”,在彈出的列表中向上選擇“查看Web源”。
在Mobile Chrome上創建新書籤(書籤),方法如下:
名稱:查看源代碼(vs)
URL: javascript:document.location ='view-來源:'+ document.location; void(0);
現在在頁面上時,點擊地址字段並開始輸入:vs。應該出現小書籤,單擊它,就可以了。
在chrome中,具有遠程調試功能。如果您在手機上安裝了Chrone。如果通過USB將手機連接到PC,則可以在Chrome瀏覽器中查看PC上Javascript修改的源代碼。
請參見 http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/
的結尾如果這是用於調試(從您的評論看來,是這樣),則更好的做法是在桌面上安裝Firefox或Chrome的用戶代理切換器擴展。將用戶代理更改為Android,您將獲得該網站的移動版本,但使用了所有常用的源代碼和調試工具。
如果使用仿真器,則可以將源捕獲到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() )});
如果您使用的是Opera瀏覽器,請在地址欄中輸入以下內容,確保清除了http和其他內容,然後輸入:
server:source
在您打開的頁面的地址中。
如果您想查看Android瀏覽器頁面的源代碼或檢查頁面,可以使用此 https://developer.chrome.com/devtools/docs/remote-debugging非常好的檢查器