Chrome开发人员工具外部的CSS断点死区

是指在Chrome浏览器的开发人员工具中，当我们设置了CSS断点并且在调试过程中，断点所在的元素被删除或隐藏时，断点会进入一个死区，即无法再次触发断点。

CSS断点是一种调试工具，用于在特定的CSS样式被应用到元素时暂停代码执行，以便开发人员可以检查和调试样式。在Chrome开发人员工具中，我们可以通过在Elements面板中选择一个元素，然后在Styles面板中找到相应的CSS属性，并在行号处点击设置断点。

然而，当我们设置了CSS断点后，如果该元素被删除或隐藏，断点就会进入死区。这意味着即使我们重新显示或添加了该元素，断点也不会再次触发。这是因为断点是基于元素的引用而不是选择器的，一旦元素被删除或隐藏，断点就会失效。

为了解决这个问题，我们可以尝试以下方法：

1. 使用DOM断点：在Elements面板中，右键点击要调试的元素，选择"Break on"，然后选择"Subtree modifications"。这样，无论元素是否被删除或隐藏，当其子元素发生变化时，断点都会触发。
2. 使用JavaScript断点：如果我们知道在元素被删除或隐藏之前会触发某个JavaScript事件，我们可以在事件处理程序中设置断点，而不是在CSS属性上设置断点。这样，无论元素是否存在，断点都会在事件触发时被触发。

总结起来，CSS断点死区是指在Chrome开发人员工具中，当设置的CSS断点所在的元素被删除或隐藏时，断点无法再次触发的情况。为了解决这个问题，我们可以尝试使用DOM断点或JavaScript断点来代替CSS断点。