動的にロードされたJS関数はpage1.htmlがあり

Question

FirebugのJSデバッガに表示されません（私は、ブラウザで開く）：page2.htmlの

<div id="content"> 
</div> 
<script type="text/JavaScript"> 
    jQuery.ajax({ 
     type : "GET", 
     url : 'page2.html', 
     dataType : "html", 
     success : function(response) {   
      jQuery('#content').append(response); 

     } 
    }); 
</script> 

コード：

<script type="text/JavaScript" src="js/page2.js"></script> 

<script type="text/JavaScript"> 
test(); 
</script> 

コードページのjs/page2.js：

function test() { 
    alert('Function Test()'); 
} 

すべて機能し、ウィンドウ「機能テスト（）」が表示されます。しかし問題は、firebug jsデバッガでfunction test（）のコードに到達できないことです。イベントスクリプトや評価では表示されません。

どうすれば修正できますか？

FYI： 関数を別のjsファイルに入れて、page2.htmlに配置しないと、 がデバッガcorectlyに表示されます。

test（）関数に "debugger"という単語を置くと、Firebugは停止しますが、関数のソースコードにはまだ到達できません。

バージョン：Firefoxの3.0.10、Firebugは1.3.3

更新：質問Making Firebug break inside dynamically loaded javascriptとしてほとんど同じですが、まだ返事

Answer 1

あなたはJS/page2.jsを変更するとどうなりますありません〜：

function test() { 
    alert('Function Test()'); 
} 
alert('loaded'); 

"読み込まれました"というメッセージが表示されますか？

Answer 2

これはハックですが、外部ファイルjs/page2.jsに2回追加して起動するようになっています。一度ファイルの先頭に、もう一度機能の先頭に移動します。

デバッガの単語がどちらかの場所に1回だけ存在する場合、firebugは停止しません。

debugger; 
function test() { 
    debugger; 
    alert('Function Test()'); 
} 

Answer 3

試してみてください。

eval('debugger;'); 

それはきれいではありませんが、動作するようです。