Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Firefox debugger blank without JS sources

Screenshot of Firefox debugger

My version of Firefox Quantum is 63.0.3 (64-bit) on Windows 10. When I open debugger, I can't see any source files. I can confirm that JS is enabled and there are JS files on the site/page.

Perhaps, there's some setting that I need to correct.

like image 233
Arvind Padmanabhan Avatar asked Nov 25 '18 17:11

Arvind Padmanabhan


People also ask

How do I enable JavaScript debugging in Firefox?

You can do this with the keyboard using the shortcut CMD-OPT-I on macOS or CTRL-SHIFT-I on Windows. The Dev Tools will now be open inside the browser tab, and the Console tab will be active. This tab allows you to execute arbitrary JavaScript code at any time or to view any outputs from console.

How do I enable F12 developer tools in Firefox?

You can open the Firefox Developer Tools from the menu by selecting Tools > Web Developer > Web Developer Tools or use the keyboard shortcut Ctrl + Shift + I or F12 on Windows and Linux, or Cmd + Opt + I on macOS.

How do I add a breakpoint to debugger in Firefox?

You can set an unconditional breakpoint using the context menu (see above), or by: Clicking on the line number for the line you want to break at in the source pane. Highlighting the line you want to break at in the source pane and pressing Ctrl + B (Windows/Linux) or Cmd + B (macOS).


1 Answers

The bug with blank of file source tree in the debugger is still actual in Firefox Developer Edition 83.0b10 (64-bit), I've seen it several times in last days. Disable cache, reload page and restart Firefox do not help, but I found worked solution - just copy the URL and run it in a new tab.

like image 144
Pavel K. Avatar answered Oct 05 '22 23:10

Pavel K.