在调试器中快速查找 Javascript 源文件的方法?
Fast way to find Javascript source file in debugger?
RStudio 使用 Chrome Devtools 在其查看器窗格中提供调试支持。 (它被标记为“RStudio Devtools”,但我不确定除此之外它的定制程度)。您可以使用右键单击“检查元素”打开它的 window。
在开发使用Javascript的显示时,Devtools中的源代码面板对于设置断点、单步执行等非常有用
一件相当不方便的事情是找到我想设置断点的行。一旦我打开源文件,搜索就很容易,但找到正确的源文件却很困难。通常在我转到源代码窗格后,我会看到类似这样的内容:
我知道我要调试的文件的名称,但它隐藏在左侧文件列表中的 index.html
下几层。有没有一种方法可以快速搜索此文件层次结构以获取文件名,这样我就不需要打开所有级别直至我想要的文件?例如,我可能想调试 htmlwidgets.js
:
您会在“资源”窗格中注意到,如果您没有打开的文件,您会在中间看到一条消息,指示您可以键入 Command + P
(或 Ctrl + P
在 Windows/Linux) 打开一个文件。单击后,将打开一个文本框,模糊搜索所有源文件的名称。在那里键入文件名,它应该在第一个结果中。您可以使用键盘导航到它,然后使用 <Enter>/<return>
select 导航到它,或者只需用鼠标单击它。
RStudio 使用 Chrome Devtools 在其查看器窗格中提供调试支持。 (它被标记为“RStudio Devtools”,但我不确定除此之外它的定制程度)。您可以使用右键单击“检查元素”打开它的 window。
在开发使用Javascript的显示时,Devtools中的源代码面板对于设置断点、单步执行等非常有用
一件相当不方便的事情是找到我想设置断点的行。一旦我打开源文件,搜索就很容易,但找到正确的源文件却很困难。通常在我转到源代码窗格后,我会看到类似这样的内容:
我知道我要调试的文件的名称,但它隐藏在左侧文件列表中的 index.html
下几层。有没有一种方法可以快速搜索此文件层次结构以获取文件名,这样我就不需要打开所有级别直至我想要的文件?例如,我可能想调试 htmlwidgets.js
:
您会在“资源”窗格中注意到,如果您没有打开的文件,您会在中间看到一条消息,指示您可以键入 Command + P
(或 Ctrl + P
在 Windows/Linux) 打开一个文件。单击后,将打开一个文本框,模糊搜索所有源文件的名称。在那里键入文件名,它应该在第一个结果中。您可以使用键盘导航到它,然后使用 <Enter>/<return>
select 导航到它,或者只需用鼠标单击它。