30

我需要从手机/平板电脑浏览器（Android 手机/平板电脑和功能手机）检查页面的视图源。

我尝试了一些方法，但不像桌面那样可行。我觉得很难检查。

JS

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

Chrome && 火狐 (Android)

view-source:http://domain.com

是否有任何其他方法可以检查其他浏览器和特色手机浏览器

4

6 回答 6

11

现在，在site-address.comview-source:之前添加适用于 Chrome - Android。来源：https ://www.quora.com/How-can-I-view-a-webpage-source-code-in-Google-chrome-mobile-version

于 2020-02-23T19:44:30.897 回答
2

这个问题已有几年历史了，并且有一些很好的解决方法建议，但我并没有真正注意到任何直接解决原始问题核心的答案。所以：

  • 在功能手机浏览器（甚至任意第三方智能手机浏览器）中提供“通用”方法来查看源代码是不可能的，因为“查看源代码”——通过任何方法——是在浏览器中实现的功能。所以如何访问它，或者即使它可以被访问，取决于浏览器的开发者。我敢肯定有很多浏览器会故意阻止用户查看页面源代码，如果是这样，那么您就不走运了，除了可能像这里提供的解决方法。

  • 浏览器外部的“查看源代码”应用程序等变通办法虽然在某些情况下很有用，但充其量只是对原始请求的不完善的部分解决方案。永远无法确定任何此类应用程序会以与手机浏览器加载相同的形式显示页面源。

    现代 Web 内容通过浏览器检测、会话管理等以各种方式改变自身，因此任何外部应用程序加载的源永远不能被依赖来表示由不同应用程序加载的源。如果您打算使用外部应用程序加载页面，因为您想查看源代码，那么您最好只使用 Chrome（或者，在 iOS 设备上，Safari）。

于 2019-07-17T01:30:35.457 回答
2

您可以在 Play 商店中试用这款名为 Html Page Source https://play.google.com/store/apps/details?id=com.scintillar.hps的酷应用

于 2016-04-12T16:46:09.987 回答
2

在 iphone 上使用 chrome 时，查看源 URL 前缀技巧对我不起作用。我想我可以安装一些应用程序来执行此操作，但无论出于何种原因，我只是更喜欢自己做而不是安装“另一个应用程序”。

我发现了这个关于如何在移动 safari 上设置书签的不错的快速教程，它将自动打开页面的视图源：https ://appletoolbox.com/2014/03/how-to-view-webpage-html-source-代码-on-ipad-iphone-不需要应用程序/

它对我来说完美无缺，现在我可以随时将其设置为永久书签，无需安装任何应用程序。

编辑：基本上有 6 个步骤适用于 Chrome 或 Safari。Safari 的使用说明如下：

  1. 打开 Safari 并浏览到任意页面。
  2. 选择 Safari 中的“共享”（或操作）按钮（看起来像一个正方形，顶部有一个箭头）。
  3. 选择“添加书签”
  4. 删除页面标题并将其替换为有用的内容，例如“显示页面源”。单击保存。
  5. 接下来在您的手机上浏览到这个确切的 Stack Overflow 答案并将下面的 javascript 代码复制到您的手机剪贴板（代码来源：Rob Flaherty）：
javascript:(function(){var a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source of '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
  1. 在 Safari 中打开“书签”并选择编辑新创建的显示页面源书签。删除之前保存在地址字段中的任何内容，而是粘贴到 Javascript 代码中。保存。
  2. （可选）利润！
于 2019-04-10T18:43:32.337 回答
1

这是一篇旧文章，但在 Chrome 开发工具中仍然存在问题。我发现在本地检查移动源的最佳方法是在 Xcode 的 iOS 模拟器中本地打开站点。然后从那里打开 Safari 浏览器并启用开发工具，如果您还没有这样做的话（转到首选项 -> 高级 -> 在菜单栏中显示开发菜单）。现在您将在主菜单中看到开发选项，可以转到开发 -> iOS 模拟器 -> 您在 Xcode 的 iOS 模拟器中打开的页面将在那里。单击它后，它将打开网络检查器，您可以像往常一样在浏览器开发工具中进行编辑。

恐怕这个解决方案只能在 Mac 上运行，因为它使用 Xcode。

于 2015-09-29T15:32:53.127 回答
0

JavaScript 书签代码的问题没有格式化，这在移动设备上非常重要。

使用https://view-source.hellafast.digital

这是一个基于网络的解决方案，它也可以集成到 iOS

于 2021-09-20T17:19:00.040 回答