Tengo un archivo html base (base.html) y dentro de él reside un iframe que usa (iframe.html). El iframe solo aparece cuando se hace clic en un elemento de menú determinado. Ambos están alojados en el mismo dominio.No se puede inspeccionar un elemento con las herramientas de desarrollo de Chrome
En base.html incluyo un script que apunta a un servicio externo que uso. Incluir el script devuelve un objeto que vive en mi página.
<script type="text/javascript" src="externalSite.com/myID.js"></script>
En Iframe.html tengo otro script que construye un menú basado en algunos de los atributos del objeto que se devuelve
<script type="text/javascript" src="my_list_builder.js"></script>
el código para my_list_builder.js ve algo como esto:
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);
Ahora, este código se ejecuta como se esperaba y añade la listBlock a la página donde lo quiero, pero cuando intento de inspeccionar cualquiera de los elementos dentro del marco flotante en Chrome yo soy incapaz de hacer asi que. El iframe es el elemento de nivel más bajo que puedo inspeccionar, pero no tiene la opción desplegable habitual. Si elimino my_list_builder.js, puedo inspeccionar los elementos en el iframe sin ningún problema.
¿Alguna idea sobre qué podría estar causando el problema?
Esto ocurre regularmente en jsfiddle.net. Si presiona shift-enter o el botón "ejecutar" de la barra de herramientas para actualizar la ventana de vista previa, el inspector no funcionará en la ventana de vista previa hasta que presione "guardar"/"actualizar". Algo relacionado con el contenido generado dinámicamente en un iframe, seguro. Me encantaría saber por qué, o si hay un problema de cromo para protagonizar. –
He encontrado un tipo de trabajo extraño por el momento, aunque no estoy más cerca del 'por qué' de por qué tiene problemas en primer lugar. Esta solución tampoco es coherente, pero pensé que la incluiría en la lista en caso de que otros tuvieran problemas similares. Si coloco puntos de interrupción en my_list_builder.js y los paso por ellos, luego de que el iframe haya terminado de cargarse, puedo inspeccionar los elementos en el iframe. Si elimino los puntos de interrupción, realizo cambios en my_list_builder.js y los guardo y los vuelvo a cargar, el problema vuelve a aparecer. No estoy seguro de por qué los puntos de interrupción han ayudado, ¡pero me alegra que lo hagan! – megsa
Creo que debe registrar esto como un bug @ the chrome bug tracker, no como una pregunta en SO. – Daan