Javascript 无法使用Chrome开发工具检查元素

我有一个基本html文件（base.html），其中有一个使用（iframe.html）的iframe。iframe仅在单击某个菜单项时显示。 它们都托管在同一个域上

在base.html中，我包含了一个指向我使用的外部服务的脚本。包含脚本将返回一个存在于我的页面上的对象

<script type="text/javascript" src="externalSite.com/myID.js"></script>

在iframe.html中，我有另一个脚本，它基于返回的对象的某些属性构建菜单

<script type="text/javascript" src="my_list_builder.js"></script>

my_list_builder.js的代码如下所示：

var myList = parent.externalAPI.getItems()
var listBlock = "<div><ul>"

for (var i = 0; i < myList.length; i++) {
    listBlock += '<li><span>'+ myList[i].Name + '</span></li>';
}

listBlock += '</ul></div>'

$('someElement').append(listBlock);

var myList=parent.externalAPI.getItems（）
var listBlock=“
”
对于（变量i=0；i'；
}
listBlock+='
'
$（'someElement'）.append（listBlock）；

现在，这段代码按预期执行，并将listBlock添加到我想要的页面中，但当我尝试在Chrome中检查iframe中的任何元素时，我无法这样做。iframe是我可以检查的最低级别的元素，但它没有通常的下拉选项。如果我删除my_list_builder.js，我就能够毫无困难地检查iframe中的元素

---

关于问题的起因有什么想法吗？

尝试在iframe/非iframe脚本中使用

调试器

关键字。简单地把

调试器在一行中，应该以编程方式在Chrome开发者工具（也是Firebug）中导致断点。更多信息：
这在jsfiddle.net上经常发生。如果按shift enter键或“运行”工具栏按钮更新预览窗口，则在按“保存”/“更新”键之前，检查器不会在预览窗口中工作。当然，这与iframe中动态生成的内容有关。我很想知道为什么，或者是否有铬的问题。目前我发现了一种奇怪的工作方式，尽管我并不清楚为什么它会出现问题。这种解决方法也不一致，但我想我会列出它，以防其他人有类似的问题。如果我在我的_list _builder.js中放置断点并逐步遍历它们，那么在iframe完成加载后，我就能够检查iframe中的元素。如果删除断点，对我的_list_builder.js进行任何更改并保存然后重新加载，那么问题就会再次出现。不知道为什么断点有帮助，但我很高兴他们有帮助！我认为你应该把它作为bug@chrome bug跟踪器来记录，而不是作为一个问题来记录。