2017-02-07 19 views
1

如果您手動輸入chromes控制檯,每個語句都會一個接一個地輸出。將所有JavaScript語句輸出到控制檯

我將如何通過下列每個調試代碼步進得到輸出到控制檯一樣:

var foo = 10 
foo * 2 
foo * 20 

無需做

var foo = 10 
console.log(foo * 2) 
console.log(foo * 20) 

它可以在瀏覽器中,與瀏覽器擴展名或節點。

編輯1______ 我不想使用手錶。

+0

這不正是你所要求的,但你可以「看」一個變量通過簡單地安慰在這個例子中使用一個特定的時間間隔(它使用一個庫來顯示屏幕上的值):https://github.com/jonbri/ticker-log#execute-ad-hoc-testing-code- with-keyboard-macros –

+0

你也可以使用(非標準的)'object.watch'。請參閱:http://stackoverflow.com/questions/1759987/listening-for-variable-changes-in-javascript-or-jquery –

+0

你究竟需要這些輸出?爲什麼標準調試器不滿足您的需求? – Bergi

回答

0

你不能自動做到這一點。

您可以將每個表達式添加爲Chrome調試器中的「監視」表達式,該調試器將顯示錶達式評估的內容作爲您通過代碼的步驟。

您可以創建一個輸出到控制檯dev模式的記錄器,並在prod模式下輸出任何內容。我敢肯定,有一個很好的npm包這個已經,但是,它看起來是這樣的:

var log = env === 'prod' ? function() {} : console.log; 

var foo = 10 
log(foo * 2); 
log(foo * 20); 

// dev 
>> 20 
>> 200 
>> 

// prod 
>> 
+0

我想避免任何裝飾,我不想在我的情況下使用手錶。 – SuperUberDuper