Chrome中的灰色背景Devtools源代碼視圖

Question

我有一個捆綁和縮小的文件和源地圖。我通過右鍵單擊源代碼並選擇Add Source Map...，在chrome開發工具中添加了該源代碼地圖。這似乎工作（雖然我懷疑有些東西混在一起）。原始文件現在出現在devtools中。但是現在有些線條有灰色背景（例如下面截圖中的第17行）。這是什麼意思？

Answer 1

灰色背景表示源圖不包含這些行。有時源映射生成器僅爲與底層代碼不同或可能不同的行提供源映射。在這些情況下，未修改的行將具有灰色背景。

查看https://github.com/babel/babel/issues/1318的一個例子。

同樣的問題請參閱What are these grey lines in the Chrome sources panel?。