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.
| Typ | Xdebug | Chrome | Notering |
|---|---|---|---|
| Step into | F7 | F11 | Stega igenom nästa funktionsanrop |
| Step out of | SHIFT + F8 | SHIFT + F11 | Lämna aktuell funktion |
| Step over | F8 | F10 | Kör nästa funktionsanrop utan stegvis genomgång |
| Run | F9 | F8 | Å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å?
- Starta din Chromium-baserade webbläsare (Chrome, Opera, Brave, Vivaldi).
- Högerklicka på bakgrunden och välj ”Inspektera”.
- Klicka på kugghjulet uppe till höger för att öppna DEvTools inställningar.
- Välj ”Experiment”, sök på ”key”. Du får upp ”Enable keyboard shortcut editor” markera den.
- Starta om webbläsaren och gå in i inställningar igen.
- 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.