Co přinášejí nové vývojářské funkce Microsoft Edge

Novinky pro vývojáře v Microsoft Edge se týkají měření výkonu, ladění, práce s textem i webů, které mají spolupracovat s AI agenty. Důležité je rozlišovat, co už je popsané v dokumentaci pro Edge a DevTools, co je určeno k experimentování a co zatím zůstává jen plánem. 16333940

Jak změřit pomalé přechody v jednostránkové aplikaci

U jednostránkové aplikace (SPA) může uživatel přecházet mezi obrazovkami, aniž by se načítal nový dokument. Měření počátečního načtení proto samo o sobě neukáže, jestli se jednotlivé části aplikace otevírají svižně.

Performance API v Edge nově nabízí dva typy záznamů, které s tím mají pomoci. soft-navigation zaznamenává změny historie v rámci stejného dokumentu, které vyvolala interakce uživatele. interaction-contentful-paint informuje o novém vykreslení obsahu v části stránky změněné po interakci. Vývojář tak může lépe zjistit, kdy přechod nastal a kdy se po něm objevil nový obsah. 40

Poznámky k vydání Edge popisují také heuristiky pro zachytávání měření přechodů v SPA. Jde o diagnostické informace, které pomáhají odhalit, kde hledat problém — aplikaci samy o sobě nezrychlí. 3940

Profiler s kontextem činnosti prohlížeče

Značky JavaScript Self-Profiling doplňují vzorky JavaScriptu o kontext práce prohlížeče, která probíhala mezi nimi. Může jít například o stylování, rozvržení stránky, vykreslování nebo uvolňování paměti. Vývojáři tak snáze rozliší, kolik času zabírá aplikační kód a kolik další činnost prohlížeče. Před zařazením do produkčního postupu je vhodné ověřit aktuální dokumentaci a dostupnost funkce v používané verzi Edge. 1

Opakování a úpravy síťových požadavků v DevTools

Příkaz Resend v nástroji Network odešle zachycený požadavek znovu, aniž by bylo nutné obnovit celou stránku. Hodí se například při ověřování, jak se požadavek chová při opakování. 18

Novější postup Edit and resend as Fetch umožňuje požadavek upravit a vyzkoušet jej jako volání fetch() v konzoli. Tyto funkce usnadňují ladění požadavků, ale nezrychlují samotné síťové připojení. 118

WebMCP připravuje weby na práci s AI agenty

WebMCP je rozvíjející se způsob, jak může web nabídnout prohlížecímu agentovi strukturované akce, se kterými lze pracovat. Cílem je, aby agent mohl využívat deklarované nástroje či akce webu, místo aby se spoléhal jen na vizuální interpretaci stránky. Microsoft WebMCP představuje jako ranou funkci určenou k testování. Není proto namístě předpokládat, že ji už podporují všechny prohlížeče nebo že ji mají k dispozici všichni návštěvníci webu. 1

OpaqueRange umožňuje pracovat s textem ve formulářích

OpaqueRange představuje živý úsek textu uvnitř textového prvku <input> nebo <textarea>. Může posloužit při vytváření interakcí navázaných na konkrétní text — například při umisťování souvisejícího rozhraní nebo zvýrazňování. API přitom zpřístupňuje pozice v hodnotě pole, nikoli vnitřní textové uzly ovládacího prvku. Microsoft uvádí OpaqueRange mezi aktualizacemi webové platformy v Edge 152. 133

Web Install API: testování přes origin trial

Web Install API umožňuje webu požádat o instalaci jiné webové aplikace pomocí asynchronní funkce navigator.install(). Instalaci zprostředkuje vestavěné prostředí prohlížeče. Microsoft oznámil možnost API testovat na vlastním webu prostřednictvím origin trialu v Edge. Origin trial je cesta k experimentálnímu testování, nikoli příslib plošné podpory. 6

Nativní prvek menu zatím není k dispozici

Microsoft nastínil také plánovaný nativní prvek <menu>, který má nabídnout vestavěné chování menu. Zatím jde o plánovanou funkci, nikoli o vlastnost, na kterou se lze spolehnout ve všech běžných nasazeních. 1

Co mohou vývojáři vyzkoušet

V dokumentaci Edge najdete opětovné odesílání požadavků v DevTools a poznámky k vydání Edge 152 uvádějí OpaqueRange. Web Install API má oznámenou cestu k testování přes origin trial. U měření soft navigací, WebMCP a značek JavaScript Self-Profiling si před experimentováním ověřte požadavky a dostupnost v konkrétní verzi. Nativní prvek menu zatím zůstává ve fázi plánu. 1618333940