Microsoft Edge on saanut uusia web-kehittäjille suunnattuja ominaisuuksia, kuten OpaqueRange-API:n ja saavutettavuusparannuksia. Testattavana myös WebMCP-agenttirajapinta.
Microsoft on esitellyt joukon uusia ominaisuuksia Edge-selaimeen, jotka on suunnattu verkkosivustojen ja -sovellusten kehittäjille. Monet näistä uudistuksista on kehitetty osana avoimen lähdekoodin Chromium-projektia, joten ne tulevat todennäköisesti saataville myös muihin Chromium-pohjaisiin selaimiin. Keskeisimpiä uutuuksia ovat OpaqueRange-ohjelmointirajapinta (API) tekstin käsittelyyn, saavutettavuutta parantavat referenceTarget-ominaisuus ja aria-actions-attribuutti sekä tulevaisuuden tekoälyagentteja varten suunniteltu WebMCP-rajapinta.
Uusi OpaqueRange-rajapinta antaa kehittäjille mahdollisuuden käsitellä ja korostaa dynaamisesti tekstin osia lomakekentissä, kuten textarea- ja input-elementeissä. Tämä mahdollistaa aiempaa monipuolisempien käyttöliittymien luomisen suoraan tekstikenttien yhteyteen, kuten käyttäjän kirjoittaessa ilmestyvien emoji-valikoiden tai nimiehdotusten sijoittamisen tarkasti oikeaan kohtaan. Rajapinta toimii yhdessä CSS Custom Highlight API:n kanssa, mikä sallii korostettujen tekstinosien visuaalisen muokkaamisen.
Web-komponenttien saavutettavuus on ollut pitkään haaste, erityisesti käytettäessä Shadow DOM -tekniikkaa, joka eristää komponentin sisäisen rakenteen muusta sivusta. Uusi referenceTarget-ominaisuus ratkaisee tämän ongelman sallimalla sivun päädokumentin elementtien, kuten label-tunnisteiden, viitata komponentin sisällä oleviin elementteihin. Tämä niin sanottu cross-root ARIA -toiminnallisuus on merkittävä parannus, sillä se mahdollistaa täysin saavutettavien ja uudelleenkäytettävien komponenttien rakentamisen.
Monimutkaisissa käyttöliittymäkomponenteissa, kuten välilehtipalkissa, voi olla päätoiminnon lisäksi myös toissijaisia toimintoja, esimerkiksi välilehden sulkemispainike. Uusi aria-actions-HTML-attribuutti tarjoaa standardoidun tavan ilmoittaa näistä toissijaisista toiminnoista avustaville teknologioille, kuten ruudunlukuohjelmille. Tämän avulla kehittäjät voivat varmistaa, että kaikki interaktiiviset osat ovat myös saavutettavia käyttäjille, joilla on rajoitteita.
Edellä mainittujen lisäksi selaimeen on tuotu useita pienempiä mutta hyödyllisiä parannuksia. Uudet CSS:n media-pseudoluokat, kuten :playing ja :paused, antavat mahdollisuuden muotoilla video- ja äänisoittimia niiden toistotilan perusteella. Asennettavien PWA-sovellusten (Progressive Web App) yläpalkin piilottamista ja raahattavien alueiden määrittelyä on helpotettu window-drag-ominaisuudella. Myös JavaScriptin iteraattorien käsittelyyn on lisätty uusia metodeja, kuten Iterator.join() ja Iterator.zip().
Yksi mielenkiintoisimmista testausvaiheessa olevista ominaisuuksista on WebMCP (Web Machine Collaboration Protocol). Se on uusi verkkostandardi, jonka avulla verkkosivustot voivat tarjota toiminnallisuutensa jäsennellyssä muodossa tekoälypohjaisille selausagenteille. Tavoitteena on mahdollistaa ihmisen ja tekoälyagentin saumaton yhteistyö, jossa agentti voi auttaa käyttäjää suorittamaan tehtäviä, kuten varaamaan ajan tai tilaamaan tuotteen, käyttämällä sivuston tarjoamia työkaluja.
Kehittäjien työkaluihin on myös tulossa parannuksia. JS Self-Profiling API, jota käytetään sovellusten suorituskyvyn mittaamiseen käyttäjien laitteilla, saa uusia merkintöjä. Nämä merkinnät kertovat, mitä selain teki JavaScript-koodin suoritusten välissä, kuten suoritti asettelua, piirtämistä tai roskienkeruuta. Lisäksi Edgen verkkotyökaluun lisätään uudet toiminnot verkkopyyntöjen muokkaamiseen ja uudelleen lähettämiseen, mikä helpottaa API-rajapintojen testaamista.
Verkkosovellusten asentamista kehitetään päivitettyjen navigator.install()-metodin ja install-HTML-elementin avulla. Jatkossa näillä työkaluilla voi asentaa myös toisen verkkotunnuksen alla olevan sovelluksen suoralla linkillä sovelluksen manifestitiedostoon. Kyseessä on jatkumo kasvavalle trendille, jossa selaimiin tuodaan tehokkaampia ja standardoituja komponentteja. Esimerkkinä tästä on myös kehitteillä oleva natiivi menubar-elementti, joka yksinkertaistaa sovellusmaisten valikkorakenteiden toteutusta.
Microsoft korostaa sitoutumistaan avoimen verkon kehitykseen ja yhteistyöhön. Yhtiö ilmoitti jatkavansa Open Web Docs -hankkeen tukemista jo seitsemättä peräkkäistä vuotta. Kyseinen hanke tuottaa korkealaatuista ja ajantasaista dokumentaatiota verkkoteknologioista. Lisäksi kehittäjiä kannustetaan osallistumaan Interop 2027 -aloitteeseen, jonka tavoitteena on parantaa verkkoteknologioiden yhteensopivuutta eri selainten välillä.
Tärkeimmät pointit
- OpaqueRange API mahdollistaa tekstialueiden dynaamisen käsittelyn ja korostamisen lomakekentissä.
- referenceTarget-ominaisuus korjaa web-komponenttien ja Shadow DOM:n saavutettavuusongelmia.
- aria-actions-attribuutti tekee monimutkaisten käyttöliittymäelementtien toiminnoista saavutettavia.
- WebMCP on testivaiheessa oleva rajapinta tekoälyagenttien ja verkkosivustojen yhteistoimintaan.
- JS Self-Profiling API saa merkintöjä, jotka tarkentavat selaimen sisäisen toiminnan suorituskykyanalyysia.
- Uusia CSS-ominaisuuksia: media-pseudoluokat (:playing, :paused), window-drag PWA-sovelluksille ja alpha()-funktio väreille.
- Verkkosovellusten asennusta on parannettu päivitetyillä navigator.install()- ja install-toiminnoilla.
- JavaScriptiin on lisätty uusia iteraattorimetodeja, kuten Iterator.join() ja Iterator.zip().
- Kehittäjätyökalujen verkkopaneeliin tulee mahdollisuus muokata ja lähettää verkkopyyntöjä uudelleen.
Linkit ja lähteet
- OpaqueRange API:n live-demot
- WebMCP-rajapinnan esimerkit ja työkalut (GitHub)
- JS Self-Profiling -merkkintöjen demo
- Open Web Docs -hanke
Lähde: Windows Blog — alkuperäinen artikkeli julkaistu 21.9.2026
