firefox 확장자에서 브라우저 요소 디버깅

사용자가 웹 페이지의 DOM과 상호 작용할 수있는 패널을 추가하는 Firefox 확장 기능을 개발하려고합니다. 이미 구축 한 웹 구성 요소를 재사용하고 싶습니다. 웹 구성 요소는 jquery, angular, d3과 같은 라이브러리를 사용하여 작성되며 대부분은 XUL과 잘 어울리지 않습니다. 이를 처리하기 위해 필자는 구성 요소가있는 웹 페이지가 포함 된 브라우저 요소를 포함합니다.firefox 확장자에서 브라우저 요소 디버깅

<overlay id="testOverlay" 
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

    <hbox id="browser"> 
    <splitter></splitter> 
    <vbox flex="1"> 
     <browser 
     src="chrome://testApp/content/index.html" 
     type="content" 
     flex="1"/> 
    </vbox> 
    </hbox> 
</overlay>

이 방법이 효과적이며 예상대로 패널에 내 index.html이 표시됩니다. 그러나 index.html 페이지에 포함 된 스크립트를 디버깅하는 방법을 알 수 없습니다. 디버깅 확장을위한 문서는 매우 드문 것처럼 보입니다.

그래서 내가 가진 질문은 내가 만든 창에서 브라우저 요소에서 firefox 디버거를 어떻게 가리킬 수 있는지입니다. 스크립트가 브라우저에로드되면 https://developer.mozilla.org/en-US/docs/Debugging_JavaScript#JavaScript_Debugger이

, 그들은 (하지만 그 전에) 디버거의 소스 창에 표시가되어야 :

출처

2013-10-10 Sergiu Toarca

당신은에 HTML을 포함에 혼자가 아니에요을 시도하고 진단 할 수있다 크롬 코드. 파이어 폭스 devtools도 DOM-inspector addon에서 볼 수있는 것처럼 "inspector"패널 내의 왼쪽 및 오른쪽 패널에 대해 그렇게합니다. – NoBugs

디버거 여기 (컨텐츠 반대) 브라우저를 가능하게하는 지침을 따르십시오.

당신은 여전히 그 일을 얻을 수없는 경우에, 나는 테스트 케이스 및 재현하는 자세한 단계를 사랑하는 것, 그래서 문제 :

출처

2013-10-10 20:39:34 daffywolf

감사! 브라우저 디버거 대신 일반 디버거를 사용하려고했습니다. –

firefox 확장자에서 브라우저 요소 디버깅

답변

관련 문제