【问题标题】:How to check View Source in Mobile Browsers (Both Android && Feature Phone)如何在移动浏览器中查看源代码(Android && 功能手机)
【发布时间】:2021-09-21 01:19:00
【问题描述】:

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

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

JS

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

Chrome && Firefox (Android)

view-source:http://domain.com

是否有其他方法可以在其他浏览器和特色手机浏览器中进行检查

【问题讨论】:

标签: html browser view-source


【解决方案1】:

现在,在 site-address.com 之前添加 view-source: 可以在 Chrome - Android 上运行。 来源:https://www.quora.com/How-can-I-view-a-webpage-source-code-in-Google-chrome-mobile-version

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

      我发现了这个关于如何在移动 Safari 上设置书签的快速教程,该教程将自动打开页面的视图源:https://appletoolbox.com/2014/03/how-to-view-webpage-html-source-codes-on-ipad-iphone-no-app-required/

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

      编辑:基本上有 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. (可选)利润!

      【讨论】:

      • 这在 iPhone 上的 Chrome 中不起作用的原因是,在 iPhone 上,Chrome 应用程序实际上只是 Safari 的一个包装器。 Firefox 和任何其他浏览器应用程序也是如此。 Apple 不允许应用自带 HTML 渲染器,因此在未越狱的 iOS 设备上,所有餐厅都是 Taco Bell。
      【解决方案4】:

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

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

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

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

      【讨论】:

        【解决方案5】:

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

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

        【讨论】:

          【解决方案6】:

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

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

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

          【讨论】:

          • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
          • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接答案可能会失效。 - From Review
          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2015-07-05
          • 2011-01-05
          • 2018-11-16
          • 2013-01-29
          • 1970-01-01
          相关资源
          最近更新 更多