【问题标题】:Show HTML errors in Google Chrome?在 Google Chrome 中显示 HTML 错误?
【发布时间】:2011-01-14 12:11:28
【问题描述】:

谷歌浏览器能否显示 HTML 错误(例如未关闭的<div> 标签)?

如果是这样,如何做到这一点?

【问题讨论】:

  • 我为此使用 IE9。 =( 它在控制台中显示得很漂亮。有点奇怪的 Chrome 没有。
  • 我也使用 IE 进行 html 验证。疯了吧?所有 chrome 扩展的一个大问题是它们使用 3rd-party 服务来验证您的 html。您不妨手动使用在线验证器并跳过扩展的安全漏洞。
  • @mastaBlasta 很少有人推荐使用 IE 来提高安全性。对于good reason。特别是与Chrome 相比。使用 IE 来避免 W3C 站点和 chrome 开发者扩展中的漏洞就像使用猫来除跳蚤一样。
  • @Brian 您的评论与任何事情无关。在初始解析 HTML msdn.microsoft.com/en-us/library/ie/… 期间遇到的较新版本的 IE 显示错误对于在本地环境中调试丢失的标签、无效的嵌套和其他琐碎(但难以发现)的事情很有用。据我所知,此功能直接内置在浏览器中,不需要它与外部服务器通信。我也在chrome中寻找过类似的功能,但没有找到。
  • Firefox 非常适合这个。查看源代码以红色显示 HTML 错误,并且工具提示描述了该问题:i.imgur.com/Ev1LN1l.png

标签: html debugging google-chrome


【解决方案1】:

我不确定它是否可以在没有扩展的情况下完全满足您的需求。您可以使用开发人员工具来探索 HTML 以查看它是否符合您的期望/意图,但我认为它不会告诉您哪里有错误。

HTML 浏览器被设计成能够采用无效标记并尽可能地呈现它。它对错误的容忍度非常高。

您可能想尝试类似these 之一的扩展。

【讨论】:

    【解决方案2】:
    【解决方案3】:

    有一个新的基于 libTidy 的 HTML5 验证器(与 firefox 版本相同)

    https://chrome.google.com/webstore/detail/anjdemaoejlpgmnmkijdemoiebcddhkc

    【讨论】:

    • 它被称为“Kingsquare HTML Validator”。它确实显示了一些烦人的警告(“UTF-8 解码错误”)。它在本地工作。
    【解决方案4】:

    另一种选择是使用 W3C 验证器“favelets”从书签打开 W3C 验证器。

    http://validator.w3.org/favelets.html

    【讨论】:

      【解决方案5】:

      我更喜欢Validity,因为它在 devtools 控制台中显示错误。它还允许您设置一个主机名列表,它应该在每个页面加载时运行,这对我在开发过程中非常有用。

      【讨论】:

        猜你喜欢
        • 2023-03-12
        • 2012-08-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-10-08
        • 2022-01-13
        相关资源
        最近更新 更多