Nástroje Microsoft Edge (Chromium) pro VSCode jsou nyní obecně dostupné

Ikona času čtení 2 min. číst


Čtenáři pomáhají podporovat MSpoweruser. Pokud nakoupíte prostřednictvím našich odkazů, můžeme získat provizi. Ikona popisku

Přečtěte si naši informační stránku a zjistěte, jak můžete pomoci MSPoweruser udržet redakční tým Dozvědět se více

Microsoft hran

Edge Developer Tools pro VS Code v akci: připojení k serveru, otevření bezhlavého prohlížeče, výběr prvku DOM a úprava jeho CSS ve VS Code.

Microsoft dnes oznámil všeobecnou dostupnost nového Microsoft Edge Naols pro rozšíření VS Code. Toto rozšíření umožní vývojářům používat nástroj Elements and Network prohlížeče Edge z editoru kódu VS. Nástroje DevTools se připojí k instanci Microsoft Edge a umožní vám zobrazit runtime strukturu HTML, změnit rozvržení, opravit problémy se styly a zobrazit síťové požadavky, aniž byste opustili VS Code.

„Nepřetržité přepínání mezi editorem a prohlížečem zvyšuje kognitivní zátěž do vašeho pracovního postupu po celý den. Přecházíte z jednoho prostředí do druhého – z vývoje do režimu ladění – a musíte se přepnout zpět. Tato zpětná vazba je to, co nás přimělo prozkoumat vložení vývojářských nástrojů do rozšíření, což vám umožní vidět, co váš kód generuje, a ladit jej, aniž byste opustili své „vývojářské“ myšlení.“ – tým Microsoft Edge.

Funkce Microsoft Edge Tools for VS Code:

  • Konfigurace ladění pro spouštění prohlížeče Microsoft Edge v režimu vzdáleného ladění a automatické připojení nástrojů,
  • Zobrazení postranního panelu pro seznam všech laditelných cílů, včetně karet, rozšíření, servisních pracovníků atd.
  • Plně vybavený nástroj Elements and Network s pohledy na HTML, CSS, usnadnění a další.
  • Funkce vysílání obrazovky, která vám umožní vidět vaši stránku, aniž byste opustili VSCode.
  • Kliknutím na odkaz nebo pravidlo CSS v nástroji Elements přejděte přímo na řádek/sloupec pro zdrojové soubory ve vašem pracovním prostoru.
  • Automaticky připojit nástroje Microsoft Edge, když začnete ladit pomocí rozšíření Debugger for Microsoft Edge.

Můžete si stáhnout nový rozšíření zde.

Zdroj: Microsoft

Více o tématech: Microsoft hran, Nástroje Microsoft Edge, VS kód

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *