在Safari中加載源代碼和調試？

Question

我們碰到了，只有發生在Safari瀏覽器上的錯誤，所以我重新翻閱了我的OSX的分區在我的MacBook，我試圖調試它，但我不能找出如何看到原始的源代碼，並設置一個斷點。

我的主要文件是main.d7f60b0631c7822cabf3.bundle.js和文件的最後一行是這樣的，這點到是存在的，因爲我可以在網址欄中輸入並得到它的sourcemap文件，它在Firefox的作​​品，鉻：

//# sourceMappingURL=main.d7f60b0631c7822cabf3.bundle.js.map 

在Firefox我可以去調試選項卡中的開發工具，並在源我看到我的原始源文件webpack:///src/app/app.component.ts，我可以打開它，並設置一個斷點。

在Chrome瀏覽器開發工具，我去了「源」標籤，做導航的樹webpack://同樣的事情 - . - src - app - app.component.ts。

有沒有辦法實現在Safari同樣的事情？從內存中，因爲我在Windows上編寫它，我看不到任何文件在調試選項卡中，只是一個斷點列表。在資源選項卡，我可以看到該包和一個箭頭，看起來應該能夠展開它，但單擊該箭頭並從右側把它往下像它擴展，但不顯示任何內容。如jQuery的其他文件似乎在展開時下面有原始的源...

Answer 1

我有同樣的問題，發現這裏在另一個帖子答案：

• How do I toggle source mapping in Safari 7?

（短versio n，在調試器中，用鼠標右鍵點擊你想查看的任何符號，然後跳轉到原始源代碼。作爲參考，我與打字稿編譯爲JavaScript）工作

筆者指向此文件：

• https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html#//apple_ref/doc/uid/TP40007874-CH3-SW4

在這個過程中，我也注意到，在資源選項卡中Safari的調試器，它顯示了foo.js與旁邊車工，擴展到顯示原始foo.ts文件（我假設有一個更復雜的來源，它可能會展開以顯示多個來源，如果他們得到連接在一起？）

個人意見：我認爲本特納是一個很好的解決這個問題......奇怪的是，調試器默認顯示的「編譯」 /「transpiled」源，而不是一個東西在邏輯上想調試。