爲什麼Chrome devtools以橙色和斜體顯示這些文件夾？

我正在查看Chrome開發人員工具中的「來源」標籤。一些文件夾是橙色和斜體。這些與「常規」文件夾有何不同（以藍色顯示）？爲什麼Chrome devtools以橙色和斜體顯示這些文件夾？

2017-04-25 John Wu

您必須擁有[source-mapped]（https://developers.google.com/web/tools/setup/setup-workflow）這些文件夾。如果您的打包程序/編譯器保留源地圖，也可能會自動發生。 – wOxxOm

爲了擴展wOxxOm的答案 - 這意味着這些文件實際上並未被瀏覽器直接加載/解釋 - 相反，有一些樣式表由這些源「編譯」，並且通過sourcemaps的魔術源文件正在開發工具中供您查看 - 但是，如果開發工具已關閉，它們將不會被加載。 –

請參閱[JavaScript源地圖簡介]（https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/） – Vadim

文件夾顏色

張

資源色

2017-12-19 10:09:42 Ninja

回答