Nieuw in Chroom 120

Adriana Jara

Dit is wat u moet weten:

Ik ben Adriana Jara. Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 120.

CloseWatcher-API.

Een belangrijk kenmerk van modale of pop-upcomponenten is dat ze gemakkelijk te sluiten zijn, met een consistent mechanisme om dit te doen. Deze mechanismen worden afsluitingsverzoeken genoemd; dit zijn doorgaans de ESC toets op desktopplatforms en het teruggebaar of de knop op Android.

Webontwikkelaars hadden geen goede manier om nauwe verzoeken voor hun eigen componenten af ​​te handelen. Dit is vooral problematisch op Android-apparaten, waar het bieden van het eenvoudige sluitgedrag voor het teruggebaar behoorlijk complex is.

Chrome 120 biedt de oplossing met CloseWatcher, een nieuwe API voor het direct luisteren naar en reageren op sluitingsverzoeken. Het bevat ook upgrades naar <dialog> en popover="" om het nieuwe close request-framework te gebruiken, zodat ze reageren op de Android-terugknop.

Bekijk de CloseWatcher API-demo om het eens te proberen.

<details> naamattribuut

Het name attribuut voor het <details> -element maakt het eenvoudig om het accordeonpatroon te implementeren met behulp van een reeks <details> HTML-elementen.

Meerdere <details> elementen met dezelfde name vormen een groep. Met deze opstelling kan maximaal één element uit die groep tegelijk worden geopend.

Hier is een voorbeeld met een groep die de naam cookies deelt:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Rapporten over schending van het toestemmingsbeleid

Er zijn nu rapporten over schendingen van het machtigingsbeleid beschikbaar. Deze rapporten integreren de API voor het machtigingsbeleid waarmee ontwikkelaars de browserfuncties kunnen beheren die beschikbaar zijn voor een pagina, de iframes en subbronnen, door een reeks beleidsregels te declareren die de browser moet afdwingen met de Reporting API . De Reporting API biedt een generiek rapportagemechanisme waarmee webapplicaties rapporten beschikbaar kunnen maken op basis van verschillende platformfuncties.

Dankzij deze Permissions Policy API en Reporting API-integratie kunnen webontwikkelaars eindpunten configureren, waarnaar rapporten over schending van het machtigingsbeleid worden verzonden, zodat site-eigenaren kunnen zien wanneer niet-toegestane functies worden aangevraagd voor hun pagina's in het veld.

Het beheren van browserfuncties met het machtigingsbeleid omvat meer implementatiedetails.

En meer!

Natuurlijk is er nog veel meer.

  • Dankzij de ontspannen implementatie van CSS-nesten kunnen geneste stijlregels beginnen met een element, in plaats van te worden omwikkeld met is() of een ampersand ervoor te vereisen.

  • Met de actie enterpictureinpicture in de Media Session API kunnen websites een actiehandler registreren die kan worden gebruikt om een ​​Picture-in-Picture- of Document Picture-in-Picture-venster te openen.

  • En een herinnering dat Chrome eraan werkt om cookies van derden af ​​te schaffen. In januari begint een experiment dat van invloed kan zijn op uw website. Het is dus belangrijk dat u Voorbereiding op het einde van cookies van derden aanvinkt voor controle- en mitigatiestappen.

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Bekijk de onderstaande links voor aanvullende wijzigingen in Chrome 120.

Abonneren

Als u op de hoogte wilt blijven, abonneert u zich op het YouTube-kanaal van Chrome Developers . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

Yo soy Adriana Jara, ons team wenst je fijne feestdagen en zodra Chrome 121 uitkomt, ben ik hier om je te vertellen wat er nieuw is in Chrome!

,

Adriana Jara

Dit is wat u moet weten:

Ik ben Adriana Jara. Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 120.

CloseWatcher-API.

Een belangrijk kenmerk van modale of pop-upcomponenten is dat ze gemakkelijk te sluiten zijn, met een consistent mechanisme om dit te doen. Deze mechanismen worden afsluitingsverzoeken genoemd; dit zijn doorgaans de ESC toets op desktopplatforms en het teruggebaar of de knop op Android.

Webontwikkelaars hadden geen goede manier om nauwe verzoeken voor hun eigen componenten af ​​te handelen. Dit is vooral problematisch op Android-apparaten, waar het bieden van het eenvoudige sluitgedrag voor het teruggebaar behoorlijk complex is.

Chrome 120 biedt de oplossing met CloseWatcher, een nieuwe API voor het direct luisteren naar en reageren op sluitingsverzoeken. Het bevat ook upgrades naar <dialog> en popover="" om het nieuwe close request-framework te gebruiken, zodat ze reageren op de Android-terugknop.

Bekijk de CloseWatcher API-demo om het eens te proberen.

<details> naamattribuut

Het name attribuut voor het <details> -element maakt het eenvoudig om het accordeonpatroon te implementeren met behulp van een reeks <details> HTML-elementen.

Meerdere <details> elementen met dezelfde name vormen een groep. Met deze opstelling kan maximaal één element uit die groep tegelijk worden geopend.

Hier is een voorbeeld met een groep die de naam cookies deelt:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Rapporten over schending van het toestemmingsbeleid

Er zijn nu rapporten over schendingen van het machtigingsbeleid beschikbaar. Deze rapporten integreren de API voor het machtigingsbeleid waarmee ontwikkelaars de browserfuncties kunnen beheren die beschikbaar zijn voor een pagina, de iframes en subbronnen, door een reeks beleidsregels te declareren die de browser moet afdwingen met de Reporting API . De Reporting API biedt een generiek rapportagemechanisme waarmee webapplicaties rapporten beschikbaar kunnen maken op basis van verschillende platformfuncties.

Dankzij deze Permissions Policy API en Reporting API-integratie kunnen webontwikkelaars eindpunten configureren, waarnaar rapporten over schending van het machtigingsbeleid worden verzonden, zodat site-eigenaren kunnen zien wanneer niet-toegestane functies worden aangevraagd voor hun pagina's in het veld.

Het beheren van browserfuncties met het machtigingsbeleid omvat meer implementatiedetails.

En meer!

Natuurlijk is er nog veel meer.

  • Dankzij de ontspannen implementatie van CSS-nesten kunnen geneste stijlregels beginnen met een element, in plaats van te worden omwikkeld met is() of een ampersand ervoor te vereisen.

  • Met de actie enterpictureinpicture in de Media Session API kunnen websites een actiehandler registreren die kan worden gebruikt om een ​​Picture-in-Picture- of Document Picture-in-Picture-venster te openen.

  • En een herinnering dat Chrome eraan werkt om cookies van derden af ​​te schaffen. In januari begint een experiment dat van invloed kan zijn op uw website. Het is dus belangrijk dat u Voorbereiding op het einde van cookies van derden aanvinkt voor controle- en mitigatiestappen.

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Bekijk de onderstaande links voor aanvullende wijzigingen in Chrome 120.

Abonneren

Als u op de hoogte wilt blijven, abonneert u zich op het YouTube-kanaal van Chrome Developers . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

Yo soy Adriana Jara, ons team wenst je fijne feestdagen en zodra Chrome 121 uitkomt, ben ik hier om je te vertellen wat er nieuw is in Chrome!