如何在Android浏览器中查看源代码？

有没有办法在Android Web浏览器中查看源HTML？

#1 楼

您可以使用Javascript的alert方法返回源代码，在地址栏中键入以下代码：

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

最初，我怀疑javascript：URI方案是否可以在Android的浏览器上使用，但似乎可以在我的2.1浏览器上使用。但是，您不会突出显示语法，也无法复制文本，因此它对于较长的HTML页面不是很有用。

– Lie Ryan
2011-1-22的1:45

对我不起作用！模拟器总是添加http：//前缀，但我得到了Google找不到的站点。

–user2771
2011年2月7日在17:13

Chrome for Android仅显示约50行。

–user49212
15年5月18日在19:07

在Android的Firefox上不起作用。

–亚伦·弗兰克（Aaron Franke）
17年12月23日在1:14

#2 楼

在Android上的Firefox或Chrome中，可以通过在地址栏中的URL前面加上“ view-source:”（即“ view-source:http://google.com”）来查看源代码。

很好的解决方案。它甚至生成语法颜色（至少在Chrome上），并允许将源代码复制到剪贴板。

–Jpsy
13-10-15在7:50

对于适用于Android的Firefox，有一个加载项，使您无需每次都在URL前面加上前缀即可查看源代码，只需单击应用程序菜单中的“查看源代码”条目，您将看到当前打开的网页的源代码。附加组件是View Source Mobile

–弗朗西斯科·阿尔瓦拉多（Francisco Alvarado）
2013年12月23日6:40

作为书签：javascript：document.location ='view-source：'+ document.location;

–本杰明·奥克斯（Benjamin Oakes）
15年1月30日，下午5:22

该答案应多投票，并选择为正确答案。

–弗雷德·汤姆森（Fred Thomsen）
2015年4月11日，下午5:44

这也适用于Linux和Windows（可能是macOS）上的Firefox和Chrome

– Motte001
16年6月30日在10:41

#3 楼

在市场上寻找一个名为View Web Source的应用程序并进行安装。

然后在浏览时打开菜单并点击“共享”，在弹出的列表中选择View Web Source。

Keith-您ROCK man ..保存了我的@ss ..无法弄清楚为什么我的视频无法嵌入，但是借助该工具，我可以从源代码中看到.net服务器未包含该代码

–user2645
2011年2月2日，0：55

链接到应用程序：market.android.com/details?id=com.jamesob.vwsource刚刚尝试过，看起来不错。没有突出显示语法，但可以完成工作。将源放入普通文本框中，这意味着您可以轻松地从中复制文本。

–GAThrawn
2011-2-7在16:43

#4 楼

自2009年以来，此答案中提到的应用尚未更新。

您可能想尝试VT View Source。

它具有语法突出显示，并且非常易于使用。适用于默认的Android浏览器和Chrome。最新的Android版Firefox具有自己的查看源，因此不需要它。

–伊兹沃德
2014年12月20日在20:24

#5 楼

Weinre远程调试器是另一种以类似于Firebug / Web Inspector的方式对查看源代码和实时修改源代码有用的工具。

这个答案令人震惊。

–IAmDeveloper
2012年8月6日15:38

#6 楼

在Mobile Chrome上创建新书签（书签），方法如下：

名称：
查看源代码（vs）

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

现在，在页面上时，点击地址字段并开始输入：vs。应该出现小书签，单击它，就可以了。

#7 楼

在chrome中，具有远程调试功能。
如果在手机上安装Chrone。
如果通过USB将手机连接到PC，则可以在Chrome浏览器中查看PC上Javascript修改的源。

请参见http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/
的结尾

#8 楼

如果这是用于调试（从您的评论看来，是这样），则更好的做法是在桌面上安装适用于Firefox或Chrome的用户代理切换器扩展。将用户代理更改为Android，您将获得该网站的移动版本，但使用了所有常用的源代码和调试工具。

#9 楼

您可以将源代码捕获到您的Shell或文本文件中（如果您使用的是模拟器），这对于开发非常方便。为此，您需要安装adb随附的Android开发人员工具。启动仿真器，然后从OS的外壳运行以下命令：

adb logcat browser:V *:S

这将在仿真器上的浏览器应用程序中输出任何内容，并禁止显示其他日志消息。从那里，所有javascript console.log命令都将被adb捕获并输出以供您查看。因此，如果您使用的是JQuery，则可以将其添加到页面中，并将整个页面的html输出到日志中：

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

这将输出所有内容在日志页面上的html标记中。

您可以使用以下命令捕获日志的输出（至少使用BASH，我不能与其他shell对话）：
<现在，所有来自日志的输出都将转储到您的log.txt文件中。对于整个页面的HTML值来说，这确实非常方便，因为您可以像搜索其他文本文档一样在整个页面中进行搜索。

如果要获取页面的特定部分而不是整个页面事情，您可以在JQuery中指定页面的该部分而不是html标记，因此，如果您需要查看一个具有与之关联的类/ id的div（在此示例中，它具有一个名为'inspect的类-me'），您可以将JQuery更改为：

adb logcat browser:V *:S > log.txt

虽然这可能很好用，但这个问题是在Android网络浏览器中说的-不是来自。使用PC获取来源的方法要简单得多-例如在Firefox中按Ctrl-U;）

– Izzy♦
2012年8月25日17:15

#10 楼

如果您使用的是Opera浏览器，请在地址栏中输入此内容，并确保清除http和其他内容，然后在页面地址中输入：

server:source

你打开的。

#11 楼

如果要查看Android浏览器页面的源代码或检查页面，则可以使用此https://developer.chrome.com/devtools/docs/remote-debugging
它是非常好的检查器

编程黑洞网