7
我有一个基本html文件（base.html），其内部存在一个使用iframe.html的iframe。当某个菜单项被点击时，iframe只显示出来。 它们都托管在同一个域中。无法使用Chrome开发工具检查元素
在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中的元素。
有关可能导致此问题的任何想法？
这经常发生在jsfiddle.net上。如果您按Shift-Enter或“运行”工具栏按钮更新预览窗口，检查员将无法在预览窗口中工作，直到您点击“保存”/“更新”。在iframe中与动态生成的内容有关。想知道为什么，或者如果有明星出现铬问题。 –
我目前发现了一种奇怪的工作方式，尽管我并没有接近为什么它首先遇到问题的'为什么'。这种解决方法也不一致，但我想我会列出它以防别人遇到过类似的问题。如果我在my_list_builder.js中放置断点并逐步遍历它们，那么在iframe加载完成后，我可以检查iframe中的元素。如果我删除了断点，对my_list_builder.js进行了任何更改并保存然后重新加载，那么问题将作为备份。不知道为什么断点有帮助，但我很高兴他们这样做！ – megsa
我认为你应该将它记录为一个bug @铬错误跟踪器，而不是SO上的问题。 – Daan