Chrome开发工具＆amp;能见度：隐藏的工作？

Question

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

在Chrome开发工具中，如果我右键单击＆gt;检查元素，这些iframe的顶部z-Indexed在开发工具的元素选项卡中被“选中”（即使它被隐藏）。

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

有没有让devtools不像firebug那样“看到”那些隐藏的iframe？

Answer 1

这似乎是一个DevTools错误。我报告了here。同时，尝试通过调用：

在所有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';
  }
}