在chrome开发人员工具中调试plunker

Question

我在Plunker中创建了一个javascript文件,我想调试它.当我打开'Sources'面板时,我没有看到我创建的js文件.我只看到很多Plunker js文件.请指教.谢谢

Answer 1

另一种方法是将它放在你的javascript文件中

调试器;

并打开控制台,这将强制调试器不仅停在那里,而且还打开文件.

Answer 2

您有两个主要选项可深入查看您创建的源文件.

1.使用预览面板的弹出窗口模式

默认情况下,预览器<iframe>在plunker webapp内部运行.您可以通过单击预览窗口右上角的蓝色展开图标,让plunker在单独的窗口中显示预览器.如果您打开开发工具的弹出窗口,你只能看到你的源文件.

2.右键单击预览并点击inspect元素

这样做可以让您使用嵌入式实时预览,并为您提供一个快捷方式,可以深入查看与代码关联的DOM.

Answer 3

图片值千言万语... F12然后选择来源; plunkerPreviewTarget有源代码