无法使用 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);

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

关于可能导致问题的原因的任何想法？