javascript - 如何找出隐藏/作用于 html 元素的内容

Question

我有一个简单的 <a>从某些 JS 中隐藏的标签。 ( display:none )我查看了页面源代码，发现它没有隐藏，但是检查器将其显示为显示:无(内联样式)

为了隔离隐藏 <a> 的代码部分，在 JS 代码中找出类/id 没有结果.

是否有工具或固定程序可以帮助我调试它？

Answer 1

Chrome 允许您在更改元素的属性时中断代码。

1. 使用 F12 打开开发人员工具，然后选择“元素”选项卡。找到被隐藏的元素。右击，“打断”，“修改属性”。

2. 刷新页面，保持开发者工具打开。

如果使用 JavaScript 隐藏元素，您将在此时中断。

否则，它是通过 CSS 完成的。如果是这种情况，请再次使用“元素”选项卡，选择您感兴趣的元素，然后在右侧栏中查看应用到它的“样式”。 Chrome 将显示在哪个样式表中通过哪个定义应用了哪些样式。然后找到隐藏元素的那个应该是微不足道的。