Chrome 开发工具和可见性：隐藏的解决方法？

Question

在我的页面上，我有一堆全屏iframe，当不需要时，我会将其设置为visibility:hidden。

在Chrome开发工具中，如果右键单击>inspect元素，这些iframe的顶部z-Indexed会在开发工具的元素选项卡中被"选中"（即使它是隐藏的）。

在firebug中，选择不会看到隐藏的对象，（与用户看到的相同）

有没有办法让开发工具不像firebug那样"看到"那些隐藏的iframe？

Answer 1

这似乎是一个DevTools错误。我在这里报道过。同时，尝试通过调用在所有iframe上设置display: none

var frames = document.querySelectorAll('iframe');
for(var i=0, l=frames.length; i<l; i++) {
  if( getComputedStyle(frames[i]).visibility === 'hidden' ) {
   frames[i].style.display = 'none';
  }
}