google-chrome-devtools - 在chrome开发人员工具中调试插件

标签 google-chrome-devtools plunker

我在Plunker中创建了一个javascript文件,我想对其进行调试。打开“源”面板时,看不到我创建的js文件。我只看到很多Plunker js文件。请指教。谢谢

最佳答案

您有两个主要选项可深入到您创建的源文件。

1.使用预览面板中的 pop 窗口模式

默认情况下,预览器在plunker网络应用程序内的<iframe>内部运行。您可以通过单击预览窗口右上角的蓝色展开图标,要求plunker在单独的窗口中显示预览器。如果打开 pop 窗口的开发工具,则只会看到源文件。

2.右键单击预览,然后单击检查元素

这样,您便可以使用嵌入式实时预览,并为您提供了一个捷径,以深入到与代码关联的DOM。

关于google-chrome-devtools - 在chrome开发人员工具中调试插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26042340/

相关文章:

javascript - 如何搜索浏览器窗口对象以查找哪个对象或变量具有搜索值?

javascript - 保存/导出 Chrome 的 JavaScript 控制台输入历史记录

javascript - 在 d3-plunker 上渲染 d3-timeseries

javascript - AngularJS 简单示例在 Plunker 中不起作用

angular - Plunker 在更新到 Angular 6 和 rxjs 6 后损坏

css - Chrome 开发者工具 : SASS source file doesn't get saved on disk

javascript - 在 nwjs 13 上禁用 DevTools

google-chrome - 谷歌浏览器,在资源面板中搜索不再可用?

git - 是否可以在 Plunker 中打开 GitHub 代码?

javascript - 如何将 plunker 连接到本地 Node.js 服务器?