DevTools-tips: hoe u uw workflow kunt versnellen met Console-snelkoppelingen

Sofia Emelianova
Sofia Emelianova

Met de Console Utilities API kunt u uw foutopsporingsworkflow versnellen door een verscheidenheid aan snelkoppelingen te bieden.

Met de Console Utilities API kunt u:

  • Stop met het typen van lange opdrachten zoals document.querySelector() en gebruik in plaats daarvan $ -snelkoppelingen in jQuery-stijl om elementen op te geven.
  • Raadpleeg de laatste vijf DOM-elementen die u hebt geselecteerd in het paneel Elementen .
  • Verwijs snel naar elementen via hun XPath, dat u kunt kopiëren in het Element- paneel.
  • Query-objecten op basis van hun constructors.
  • Vermeld alleen de sleutels of waarden van objecten.
  • Kopieer tekenreeksrepresentaties van objecten naar het klembord.
  • Ontvang gebeurtenisluisteraars.
  • Monitor gebeurtenissen en functieoproepen.

Voor een uitgebreide lijst van alle Console Utilities API-snelkoppelingen, zie de Console Utilities API-referentie .