谷歌瀏覽器遵循開發者控制檯日誌

Question

即時通訊使用console.log很多在我的JavaScript調試鼠標移動事件。我所遇到的問題是，在Chrome控制檯中不會遵循新條目。

其在這些截圖中最好的說明：

第一批原木是很好的，因爲它大到足以看到所有在屏幕上：

幾秒鐘後：

日誌已經過去了大小窗口要求我滾動。

這使得調試鼠標移動事件非常困難，因爲我不得不移動到控制檯並向下滾動，因此向日志中添加了更多條目。

所以我的問題是：我如何獲得鉻基本上尾巴日誌而不是停止，並要求我滾動。

Answer 1

打開控制檯，將滾動條向下拖動到窗口底部並釋放它。它應該爲您輸出輸出。

花了我不少的嘗試，讓它在Version 27.0.1438.7 dev-m工作。但在Version 27.0.1440.0 canary中，它不僅自動發生，每次嘗試時都可以重新附加自動滾動。

你可以從here下載金絲雀。

Answer 2

默認行爲是控制檯跟隨（尾部）日誌，因爲他們在那裏。

然而，我們不得不在這裏，如果你改變變焦倍數（CMD + +）它並不總是工作在DevTools的錯誤。

我們只是固定的：https://codereview.chromium.org/180733003/你需要一小會兒金絲雀（從這個帖子的日期），但它會工作的方式，以穩定在10周左右。

Answer 3

這裏有一個相當有害的bug（在我記得的時候出現在Chrome中），如果你記錄任何類似DOM元素的擴展項或者其他類似的東西，它會顯示日誌，並導致滾動停止。

我解決了這個問題，應用了一點智慧，找到了違規的日誌，而且甚至不需要刪除日誌語句，只需使其變得「友好」即可。什麼工作很多時候是我採取任何此類日誌語句，如

console.log((mouse ? "mouse" : "touch") + " start on", jqtarg[0]); 

，敷在一個數組：

console.log([(mouse_not_touch ? "mouse" : "touch") + " start on", jqtarg[0]]); 

您可以嘗試做其他事情還有，企圖使日誌更可讀的，諸如對象（沒有測試任何的這種嚴格，它仍可能導致惱人的故障的滾動-如下）：基於檢測的一個非常小的量

console.log({"mouse/touch start on": jqtarg[0]}); 

，它會似乎如果日誌附錄ars在日誌緩衝區中作爲一個可以直接懸停的項目（與需要先手動擴展它的項目相反），以使檢查員突出顯示DOM中的項目，然後可能會觸發「滾動鎖定綜合症狀」。

順便說一句，需要注意的一點是，如果您重複記錄完全相同的東西，Chrome會像下面這樣幫助「堆疊」它們：（請參閱？我通過將日誌推入對象來修復自動滾動！ ）

如果不基於精確座標真的需要看值，印刷粗糙的價值觀更多...粗略會導致更緊湊的日誌（這仍將會給你明智的反饋與計數）。

更新：有時這些都不起作用。有時候，你只是不幸運而已，你只需要清理所有不需要的日誌，並記錄最少量的信息，以防止過載並導致其無法向下滾動。