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


156

有没有办法在Android网络浏览器中查看源HTML?

Answers:


69

您可以使用Javascript的alert方法返回源代码,在地址栏中输入以下代码:

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


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

1
对我不起作用!模拟器总是添加http://前缀,但我得到了Google找不到的站点。

1
Chrome for Android仅显示约50行。

在Android的Firefox上不起作用。
亚伦弗兰克

256

在Firefox或Android上的Chrome浏览器中,可以通过在地址栏中的URL前面加上“ view-source:”(即“ view-source:http://google.com”)来查看源。


4
很好的解决方案。它甚至会生成语法颜色(至少在Chrome上如此),并允许将源代码复制到剪贴板。
Jpsy

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

6
作为书签:javascript:document.location='view-source:'+document.location;
本杰明·奥克斯

3
这个答案应该被更多投票,并被选为正确的答案。
Fred Thomsen,2015年

1
这也可以在Linux和Windows(可能在macOS上)的Firefox和Chrome上运行
Motte001 '16

29

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

然后在浏览时,打开菜单并点击“共享”,在弹出的列表中选择“查看Web源”。


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

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

7

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

您可能需要尝试VT View Source


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


5

使用以下方法在Mobile Chrome上创建新的书签(书签):

名称:查看源(vs)

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

现在,在页面上时,点击地址字段并开始输入:vs。应该出现小书签,单击它,您就可以准备就绪。



3

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


2

您可以将源代码捕获到您的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 browser:V *:S > log.txt

现在,日志的所有输出都将转储到您的log.txt文件中。对于整个页面的HTML来说,这确实非常方便,因为您可以像搜索其他文本文档一样搜索整个页面。

如果要捕获页面的特定部分而不是整个部分,则可以在JQuery中指定页面的该部分而不是html标记,因此,如果需要查看具有类/ id的单个div与之关联(对于本示例,它具有一个名为“ inspect-me”的类),您可以将JQuery更改为:

$(document).ready(function(){console.log($('div.inspect-me').html())});

1
尽管这可能很好用,但该问题是在Android网络浏览器中说的 -不是来自。使用PC获取源代码要容易得多,例如,在Firefox中按Ctrl-U;)
Izzy

2

如果您使用的是Opera浏览器,请在地址栏中输入以下内容,请确保清除http和其他内容,然后输入:

server:source

在您打开的页面的地址中。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.