無法訪問jQuery的DOM準備範圍進行調試

Question

$(function(){ var my_value = 'text1'}) 

但在控制檯（我使用Safari控制檯），我不知道如何訪問MY_VALUE變量，因爲它是局部變量的函數（）{}範圍。

任何解決方法或更好的解決方案來做到這一點？

Answer 1

您需要斷開該行的javascript。當你跨過那條線時，你應該能夠愉快地檢查這個值。

Answer 2

展開您的代碼塊，以便您可以在特定行上設置斷點。您還可以使用debugger;明確設置斷點關鍵字：

$(function(){ 
    debugger; 
    var my_value = 'text1'; 
}) 

Answer 3

有多種方式，你既可以斷點添加到您的JavaScript代碼或定義在控制檯中的本地觀看變量，向您顯示您定義的變量的值。

Answer 4

因爲我已經做了以下你可以傳遞數據和函數作爲一個對象來window：

(function(global){ 
    $(document).ready(function(){ 
    var my_value = 'text1', 
     aPublicFunction = function(){ 
      // blah blah 
     }, 
     aPrivateFunction = function(){ 
      // blah blah 
     }; 

    // prepare what you want window to see. 
    global.publicAPI = { 
     my_value: my_value, 
     aFunction: aFunction 
    } 
    }); 
})(window); 

publicAPI.my_value; 
// 'text1' 

publicAPI.aPrivateFunction(); 
// no can do! 

Answer 5

正如其他人建議，利用調試器。

對於Safari（和Chrome），如果您使用的是Firefox，請查看Apple's docs或Firebug。