DevTools-tips: fragmenten en live-expressies

Sofia Emelianova
Sofia Emelianova
GitHub

Gebruik fragmenten in DevTools om code uit te voeren die u vaak gebruikt en live-expressie om JavaScript-waarden in realtime te bekijken.

Bekijk de video om te leren hoe u:

  • Maak een fragment of open het deelvenster Fragmenten :

  • Voer uw nieuwe fragment uit:

    • Met de sneltoets Command / Control + Enter in Bronnen
    • Vanuit het Commandomenu met ! .

  • Geef waarden door aan uw fragment:

    1. Pauzeer het met een breekpunt .
    2. Stel waarden in in het deelvenster Bronnen > Bereik .
    3. Uitvoering hervatten.

  • Voer fragmenten uit vanuit de console : laad ze als globale functies en voer ze één keer uit.

  • Gebruik de Console Utilities API in uw fragmenten.

  • Gebruik Console > Live-expressies :

    • Om een ​​stukje code uit te voeren dat u herhaaldelijk wilt uitvoeren, bijvoorbeeld tijdens een foutopsporingssessie.
    • Bekijk in realtime hoe de waarden tijdens de uitvoering veranderen.

Voor meer informatie, zie: