Ich habe eine Basis-HTML-Datei (base.html) und darin befindet sich ein Iframe, der (iframe.html) verwendet. Der iframe wird nur angezeigt, wenn auf einen bestimmten Menüpunkt geklickt wird. Sie sind beide auf der gleichen Domain gehostet.Element kann nicht mit Chrome Dev Tools überprüft werden
In base.html Ich bin ein Skript, das auf einen externen Dienst verweist, den ich verwende. Das Einschließen des Skripts gibt ein Objekt zurück, das auf meiner Seite lebt.
<script type="text/javascript" src="externalSite.com/myID.js"></script>
In iframe.html habe ich ein anderes Skript, das ein Menü auf einige der Attribute des Objekts basierend erstellt, die
<script type="text/javascript" src="my_list_builder.js"></script>
der Code für my_list_builder.js wie folgt aussieht etwas zurückgegeben wird:
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);
Nun führt dieser Code wie erwartet und fügt die listBlock auf die Seite, wo ich es will, aber wenn ich versuche, in Chrome nicht in der Lage bin ich keines der Elemente innerhalb des iframe zu inspizieren zu tun damit. Der Iframe ist das niedrigste Element, das ich untersuchen kann, aber es hat nicht die übliche Dropdown-Option. Wenn ich die Datei my_list_builder.js entferne, kann ich die Elemente im iframe problemlos überprüfen.
Irgendwelche Ideen, was das Problem verursachen könnte?
Dies geschieht regelmäßig auf jsfiddle.net. Wenn Sie auf Shift-Enter oder die Schaltfläche "run" drücken, um das Vorschaufenster zu aktualisieren, wird der Inspektor im Vorschaufenster erst dann funktionieren, wenn Sie auf "Speichern"/"Aktualisieren" klicken. Etwas, was mit dynamisch erzeugtem Inhalt in einem Iframe zu tun hat. Würde gerne wissen, warum, oder wenn es ein Chrom-Problem zu Sterne gibt. –
Ich habe vorläufig eine seltsame Art von Arbeit gefunden, obwohl ich dem "Warum", warum es überhaupt Probleme hat, nicht näher komme. Diese Problemumgehung ist auch nicht konsistent, aber ich dachte, ich würde es auflisten, wenn andere ähnliche Probleme hatten. Wenn ich Breakpoints in my_list_builder.js platziere und sie durchtrete, kann ich nach dem Laden des iframes die Elemente im iframe überprüfen. Wenn ich die Haltepunkte entfernen, Änderungen an my_list_builder.js vornehmen und speichern und dann neu laden, wird das Problem behoben. Nicht sicher, warum die Breakpoints geholfen haben, aber ich bin froh, dass sie es tun! – megsa
Ich denke, Sie sollten dies als Bug auf dem Chrom Bug Tracker protokollieren, nicht als Frage auf SO. – Daan