현재로드 된 JavaScript 구문의 구조는 어떻게 볼 수 있습니까?

Question

ExtJS 코드을 응용 프로그램 형태로 생성하는 PHP 프레임 워크를 개발했습니다.

이 전체 의 ExtJS가 첫 번째 전화에 문자 객체 구축 포함 예 :

Ext.onReady(function(){ 
    menuItemStart = new Ext.Panel({ 
     id: 'panelStart', 
     title: 'Start', 
     html: 'This is the start menu item.', 
     cls:'menuItem' 
    }); 
    ... 

다음 응용 프로그램 탐색은 AJAX를 출력의 ExtJS 코드를 통해 어떤 부하 PHP 파일을 이벤트 핸들러 구성 다음이 함수를 사용하여이 코드를 실행하십시오.

function loadViewViaAjax(url, paramTargetRegion) { 
    Ext.Ajax.request({ 
     url: url, 
     success: function(objServerResponse) { 
      var responseText = objServerResponse.responseText; 
      var scripts, scriptsFinder=/<script[^>]*>([\s\S]+)<\/script>/gi; 
      while(scripts=scriptsFinder.exec(responseText)) { 
       eval(scripts[1]); 
      } 
     } 
    }); 
} 

이것은 잘 작동합니다.

그러나, 지금은 가끔 에는 구문 오류이없는 줄에 syntax error을 말하거나 오류가 발생할까지 내가 그 시간에 자바 스크립트의 구조를 이해 ( 누락 하지 존재하는 경우 missing } in the XML structure이 있음).

것은 내가 계속 이런 식으로 자바 스크립트의 덩어리를 교체하고 이후 :

function clearExtjsComponent(cmp) { 
    var f; 
    while(f = cmp.items.first()){ 
     cmp.remove(f, true); 
    } 
} 

function replaceComponentContent(cmpParent, cmpContent, clear) { 
    clear = (typeof clear == 'undefined') ? false : clear; 
    if(clear) { 
     clearExtjsComponent(cmpParent); 
    } 
    cmpParent.add(cmpContent); 
    cmpParent.doLayout(); 
} 

주요 ExtJS에 객체가 구조의 변화 : 어디

var start_info_panel = new Ext.Panel({ 
    padding: 10, 
    style: "margin: 10px", 
    width: 300, 
    html: 'This is an <span id="internal_link_001" class="internal_link">internal link to modules2</span>.<p>' 
}); 
replaceComponentContent(targetRegion, start_info_panel); 

. 방화범

나는 현재 CSS, HTML DOM 및 원래 자바 스크립트 구조를 볼 수 있지만 어떻게 현재 자바 스크립트 구조를 볼 수 있나요?

Answer 1

방화 광의 "스크립트"탭에 나열된 스크립트가 표시되지 않습니까? 이 과정은 앱의 "현재"상태를 나타내는 것이 아니라 적어도 올바른 스크립트가 있는지를 확인하는 것입니다.

Answer 2

평가 스크립트의 이름도 지정할 수 있습니다. http://blog.getfirebug.com/2009/08/11/give-your-eval-a-name-with-sourceurl/