Does anybody know how to break on a XHR request on Firefox developer tools? Earlier in firebug I added breakpoints under Net panel. As the firebug is discontinued any workaround for Firefox developer tools is appreciated.
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).
XHR Breapoints allow you to break whenever a server request URL contains a particular value. Add an XHR breakpoint within the Sources tab. Click the + icon and enter a value to break on.
There are three ways to open the debugger: Select the Debugger panel in the Web Developer Tools, accessible from the Browser Tools submenu. Press Ctrl + Shift + Z on Windows and Linux, or Cmd + Opt + Z on macOS (starting in Firefox 71; prior to Firefox 66, the letter in this shortcut was S ). Press the menu button.
That's currently (Firefox 57.0) not possible. It's requested in bug 821610.
Also other Break on… features like breaking on DOM mutations and breaking on cookie changes are still missing.
Those features are given high priority for implementation regarding missing Firebug features.
The break on XHR feature has been added to Firefox 65 (Debugger -> right side pane -> XHR Breakpoints):
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With