mobile view source 查看源代码 (移动端) Chris Coyier 于 2021年8月11日 DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 价值200美元的免费积分! 您是否曾经希望能够在移动浏览器上查看网页的 HTML 源代码?移动浏览器通常不提供此功能。如果您身边有台桌面电脑,有一些方法可以做到,但我的意思是无需任何东西,仅使用设备本身来获取源代码。 Neatnik 的小巧的 查看源代码 工具可以解决这个问题。 您可以在小巧的工具栏中输入 URL,以查看该 URL 的源代码。或者将 URL 添加到工具本身的 URL 中,以直接链接到它。 这里是 CSS-Tricks(没有换行,并已整理!) 直接链接 →
我以前使用类似的书签来执行此操作,直到我找到了 iOS 应用 Inspect Browser,它实际上为您提供了网页检查面板,您不仅可以使用它查看和修改源代码,还可以检查网络请求和存储使用情况等。与桌面版本相比,它有点简化,但它仍然非常令人印象深刻,在我看来,它值10美元。
(我与该应用没有关联,我只是几天前才发现它,并且希望让其他人知道。)
哇,太棒了!有谁知道 Android 有没有类似的应用吗?
您也可以在浏览器中的 URL 前面添加“view-source:”,就像您在桌面浏览器中做的那样。
例如:`view-source:https://css-tricks.cn`
非常有趣,感谢您的分享。顺便说一句,您的“直接链接”链接回同一页面。
这只有在 Chrome 中才有用吗?
我看不出这有什么实际用途,我一直都是直接在地址栏中输入“view-source:”,当然,它在移动端也同样有效。
哇,你说得对,谢谢!(我为什么早点没想到呢?)
没错,我一直都是这么做的 :p
没错。比找到这个工具快多了。
不错的工具。
虽然在 Android Chrome 上,我一直都是将 `view-source:` 放在任何 URL 之前,以便查看该网页的源代码,例如:
view-source:jabran.me
解决头痛问题的绝佳方案
只需编辑移动浏览器的 URL。在 https... 之前添加“view-source:”,然后就搞定了...
您也可以在 url 之前输入 `view-source:`。
Yergev Haham 几年前发布了一个应用,它基本上是一个简化的浏览器,可以提供查看页面或源代码的选项。
非常有用,但我也会尝试使用 View Source 来进行比较。
在 Android 上(不确定 iOS 上),在 Firefox 和 Chrome 中,您只需在 URL 前面添加“view-source:”,即可获得与桌面浏览器相同的行为。
是的!Android 版 Firefox 曾经确实有“查看源代码”,我以前也经常用它,真是可惜。
我使用“via”浏览器。您也可以在那里查看源代码。
我一直都用 Eruda 来做这件事。执行以下书签代码:
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net.cn/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
有没有什么方法可以在移动设备上检索 CSS 代码/CSS 源代码?