Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

XHR Breakpoints in Firefox developer tools

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.

like image 597
Don D Avatar asked Feb 21 '17 11:02

Don D


People also ask

How do you add a breakpoint 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).

What is XHR fetch breakpoints?

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.

How do I use Firefox developer tools debugger?

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.


2 Answers

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.

like image 63
Sebastian Zartner Avatar answered Sep 19 '22 23:09

Sebastian Zartner


The break on XHR feature has been added to Firefox 65 (Debugger -> right side pane -> XHR Breakpoints):

enter image description here

like image 37
Istvan Devai Avatar answered Sep 21 '22 23:09

Istvan Devai