如何不在Chrome開發人員工具中顯示轉發的文件時Ctrl + O

Question

當打開文件時，會顯示原始文件&。我只想顯示原始文件（Firefox開發工具這樣做）。可能嗎？

Answer 1

火狐23+必須證明原始來源，而不是transpiled腳本的選項：

遺憾的是，似乎你不能在Chrome享受這一點。您可以啓用或不啓用腳本映射，但始終可以看到源HTML文件中包含的實際包含文件。

所有這些教程和參考的似乎都同意：

• Source Maps 101（瀏覽器，視窗）

• Source Maps With CoffeeScript and Uglify.js（鉻，OSX）

• Using Source Maps with TypeScript（瀏覽器，視窗）

• The Breakpoint Ep 3: The Sourcemap Spectacular with Paul Irish and Addy Osmani（Chrome的開發者視頻）

• Source Maps in Chrome Dev Tools

• Enhance your JavaScript debugging life（瀏覽器，視窗）

---

IT方面如果真的想要在DevTools中隱藏傳譯的JavaScript文件，FireFox是現在的方式（截至Chrome Canary 49）。

Answer 2

源地圖的目標是能夠獲得可讀的原始代碼，所以如果你不需要它，就不要生成源地圖或刪除.js.map文件（或使其在生產中無法訪問現場）。

Answer 3

在Chrome開發工具的設置（在「源」下）有一個「啓用JavaScript源地圖」選項 - 是否取消設置該選項的幫助？