Samma debug-knappar för xdebug och DevTools

Jag programmerar i PHP och använder PHP Storm med xdebug.
Jag programmerar även i Javascript och använder Chrominumbaserade webbläsare med dess inbyggda DevTools.

Det är olika knappar i PHP Storm <> DevTools för att göra samma sak.

TypXdebugChromeNotering
Step intoF7F11Stega igenom nästa funktionsanrop
Step out ofSHIFT + F8SHIFT + F11Lämna aktuell funktion
Step overF8F10Kör nästa funktionsanrop utan stegvis genomgång
RunF9F8Återuppta scriptkörning

Se en lista här

I PHP Storm går det att ändra alla knappar, men om man vill ändra knapparna i DevTools hur gör man då?

  1. Starta din Chromium-baserade webbläsare (Chrome, Opera, Brave, Vivaldi).
  2. Högerklicka på bakgrunden och välj ”Inspektera”.
  3. Klicka på kugghjulet uppe till höger för att öppna DEvTools inställningar.
  4. Välj ”Experiment”, sök på ”key”. Du får upp ”Enable keyboard shortcut editor” markera den.
  5. Starta om webbläsaren och gå in i inställningar igen.
  6. Gå till ”Genvägar”. Nu kan du redigera genvägarna och sätta vad du vill.

Antagligen är några av de knappar du vill använda redan upptagna. Då får du ändra dem först.

Tipset kommer från Stack overflow.

CharZam