19
我在Plunker中創建了一個JavaScript文件，我想調試它。當我打開「Sources」面板時，我看不到我創建的js文件。我只看到很多Plunker js文件。請指教。謝謝在鉻開發工具中調試plunker
A
回答
20
您有兩個主要選項可深入到您創建的源文件。
1.使用預覽面板的彈出窗口模式
默認情況下，預覽的plunker Web應用程序內的內部運行。您可以通過單擊預覽窗口右上角的藍色展開圖標，讓plunker在單獨的窗口中顯示預覽器。如果您爲彈出窗口打開開發工具，則只能看到您的源文件。
右鍵單擊預覽並打檢查元件
做這種方式可以讓您使用嵌入式，實時預覽，並會給你一個快捷方式向下鑽取到關聯的DOM您碼。
34
另一種方法是把這個在你的JavaScript文件
調試;
並使控制檯保持打開狀態，這將強制調試器不僅在那裏停止，而且還打開文件。
0
這可能會改變，但目前在Chrome 47.0.2526.111 M於窗10，64位，這是你可以找到你的普拉克源文件：
- 開放的開發工具（F12）
- 公開消息
- 查找run.plnkr.co
- 展開這表明一個可怕ctory有一個神祕的名字
裏面，你會發現你的文件，這樣你就可以開始調試
2
更快的方法，我發現是簡單地抓住唯一ID您plnk的。
在正常'編輯'模式URL將會像
http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview
這ID只需追加 - P0fqZG6G6khKKrtfBkDP到URL
http://run.plnkr.co/plunks/因此成爲
http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/
重要：使雙確保添加後/
Open new URL in a new chrome windowHit F12 in chrome, voila native angular JS debugging for your plnk
注意：然後，您可以繼續在plnkr中進行編輯，保存並在調試時刷新此URL，以維護活動的調試會話。
3
該圖片勝過千言萬語...... F12然後選擇來源; plunkerPreviewTarget有源代碼
