Microsoft Edge (Chromium) Tools for VSCode nyt yleisesti saatavilla

Lukuajan kuvake 2 min. lukea


Lukijat auttavat tukemaan MSpoweruseria. Saatamme saada palkkion, jos ostat linkkien kautta. Työkaluvihje-kuvake

Lue ilmoitussivumme saadaksesi selville, kuinka voit auttaa MSPoweruseria ylläpitämään toimitustiimiä Lue lisää

Microsoft Edge

Edge Developer Tools for VS Code toiminnassa: yhteyden muodostaminen palvelimeen, päättömän selaimen avaaminen, DOM-elementin valitseminen ja sen CSS:n muokkaaminen VS Codessa.

Microsoft ilmoitti tänään uuden Microsoft Edgen yleisestä saatavuudesta jottaols VS Code -laajennukselle. Tämän laajennuksen avulla kehittäjät voivat käyttää Edge-selaimen Elements and Network -työkalua VS-koodieditorissa. DevTools muodostaa yhteyden Microsoft Edgen esiintymään, jolloin voit nähdä ajonaikaisen HTML-rakenteen, muuttaa asettelua, korjata tyyliongelmia ja tarkastella verkkopyyntöjä poistumatta VS-koodista.

"Jatkuva vaihtaminen editorin ja selaimen välillä lisää kognitiivista kuormitusta työnkulkuun koko päivän ajan. Vaihdat ympäristöstä toiseen – kehitystilasta virheenkorjaustilaan – ja sinun on vaihdettava takaisin. Tämä palaute sai meidät tutkimaan kehittäjätyökalujen upottamista laajennukseen, jolloin voit nähdä, mitä koodisi tuottaa, ja tehdä virheenkorjauksen poistumatta "kehitysajattelustasi". – Microsoft Edge -tiimi.

Microsoft Edge Tools for VS Code -ominaisuudet:

  • Virheenkorjauskokoonpanot Microsoft Edge -selaimen käynnistämiseksi etädebuggaustilassa ja työkalujen automaattiseen liittämiseen,
  • Sivupalkkinäkymä, jossa luetellaan kaikki vianetsintäkohteet, mukaan lukien välilehdet, laajennukset, palvelutyöntekijät jne.
  • Täysin varusteltu Elements and Network -työkalu, jossa on HTML-, CSS-, esteettömyys- ja muiden näkymiä.
  • Näytön lähetysominaisuus, jonka avulla voit nähdä sivusi poistumatta VSCodesta.
  • Siirry suoraan työtilasi lähdetiedostojen riville/sarakkeeseen, kun napsautat linkkiä tai CSS-sääntöä Elements-työkalussa.
  • Liitä Microsoft Edge -työkalut automaattisesti, kun aloitat virheenkorjauksen Debugger for Microsoft Edge -laajennuksella.

Voit ladata uuden laajennus tänne.

Lähde: Microsoft

Lisää aiheista: Microsoft Edge, Microsoft Edge -työkalut, VS-koodi