7
기본 html 파일 (base.html)이 있고 내부에 (iframe.html)을 사용하는 iframe이 있습니다. iframe은 특정 메뉴 항목을 클릭 할 때만 나타납니다. 둘 다 동일한 도메인에서 호스팅됩니다.Chrome Dev 도구를 사용하여 요소를 검사 할 수 없습니다.
base.html에서 나는 내가 사용하는 외부 서비스를 가리키는 스크립트를 포함하고 있습니다. 스크립트를 포함하면 내 페이지에있는 객체가 반환됩니다. iframe.html에서
<script type="text/javascript" src="externalSite.com/myID.js"></script>
나는 my_list_builder.js에 대한 코드는 다음과 같은 형태
<script type="text/javascript" src="my_list_builder.js"></script>
를 반환되는 개체의 일부 속성을 기반으로 메뉴를 구축 다른 스크립트가 있습니다
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
난 당신이 버그 @ 크롬 버그 추적기로, 그래서에 대한 질문으로 로그인해야한다고 생각합니다. – Daan