Firefox 151 Versionshinweise für Entwickler (Beta)
Dieser Artikel enthält Informationen über die Änderungen in Firefox 151, die Entwickler betreffen. Firefox 151 ist die aktuelle Betaversion von Firefox und wird am 19. Mai 2026 veröffentlicht.
Hinweis: Die Versionshinweise für diese Firefox-Version werden noch entwickelt.
Änderungen für Webentwickler
HTML
- Das Attribut
shadowrootslotassignmentwird jetzt bei<template>-Elementen unterstützt und erlaubt die deklarative Definition des Slot-Zuweisungsverhaltens für Shadow Roots. Das Attribut wird in JavaScript durchShadowRoot.slotAssignmentoderHTMLTemplateElement.shadowRootSlotAssignmentwidergespiegelt (Firefox Fehler 2031295, Firefox Fehler 2023824).
CSS
-
Die CSS-Regel
@containerunterstützt jetztstyle()-Abfragen. Diese ermöglichen es Ihnen zu überprüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat, und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Fehler 2016929, (Firefox Fehler 2019254), (Firefox Fehler 2024601), Firefox Fehler 2030645). -
Die
position-anchor-CSS-Eigenschaft unterstützt jetzt den Wertnormal(Standardwert). Dies erlaubt das Anpassen derposition-area-Eigenschaft, sodass, wenn dieposition-area-Eigenschaft aktualisiert wird, dieposition-anchor-Eigenschaft ebenfalls aktualisiert wird. (Firefox Fehler 2030351).
APIs
- Die Methode
Sanitizer.replaceElementWithChildren()gibt jetztfalsezurück, wenn das zu ersetzende Element<svg>im SVG-Namespace oder<math>im MathML-Namespace ist (zusammen mit<html>, das in Firefox 150 nicht erlaubt war). (Firefox Fehler 2032359). - Die Document Picture-in-Picture API wird jetzt auf Desktop-Plattformen unterstützt. Damit können Sie ein immer im Vordergrund befindliches Fenster öffnen, das mit beliebigem HTML-Inhalt gefüllt werden kann. Es kann verwendet werden, um Inhalte anzuzeigen, die der Benutzer getrennt von der auslösenden Seite (oder sogar dem Browser) sehen möchte, wie z. B. eine Reihe von Streams mit den Teilnehmern eines Videoanrufs, einen Börsenticker oder einen Countdown-Timer. (Firefox Fehler 2006594).
- Die
CanvasRenderingContext2D.lang-Eigenschaft wird unterstützt, um die Sprache des Canvas-Zeichnungskontexts zu setzen. Während ein DOM-Canvas diesen Kontext vomlang-Attribut seines zugeordneten<canvas>-Elements erben kann, ist dies nützlich, um den Kontext für ein Offscreen-Canvas zu setzen, das möglicherweise gerendert wird, bevor es einem<canvas>zugeordnet wird. (Firefox Fehler 1943070). - Die
options.keyboardLock-Eigenschaft kann jetzt als Option anElement.requestFullscreen()übergeben werden, sodass Websites die Sperre der Tastatur anfordern können, wenn das Element im Vollbildmodus angezeigt wird. Dies verhindert, dass die Esc-Taste das Element aus dem Vollbildmodus entfernt (stattdessen ist ein langes Drücken erforderlich), und einige zuvor reservierte Browser-Hotkeys können jetzt abgefangen und deren Standardaktion verhindert werden. (Firefox Fehler 2032302).
Änderungen für Add-on-Entwickler
tabs.group()undtabs.ungroup()fügen jetzt korrekt eine geteilte Ansicht hinzu oder entfernen sie, wenn ein Aufruf einen der Tabs der geteilten Ansicht enthält. Bisher schlug ein Aufruf fehl oder trennte die geteilte Ansicht. (Firefox Fehler 2029099)tabs.move()bewegt jetzt korrekt eine geteilte Ansicht nach rechts, wenn ein Aufruf einen der Tabs der geteilten Ansicht enthält. Bisher wurde eine geteilte Ansicht nur nach links oder ans Ende der Tab-Liste verschoben. (Firefox Fehler 2027855)
Experimentelle Webfunktionen
Diese Funktionen werden in Firefox 151 ausgeliefert, sind jedoch standardmäßig deaktiviert.
Um sie auszuprobieren, suchen Sie nach der entsprechenden Einstellung auf der about:config-Seite und setzen Sie sie auf true.
Weitere solche Funktionen finden Sie auf der Seite Experimentelle Funktionen.
-
@container style()Bereichssyntax-Abfragen:layout.css.attr.enabledDie CSS-Regel
@containerunterstützt nunstyle()-Bereichssyntax-Abfragen. Diese ermöglichen es Ihnen, zu überprüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft hat und deren Wert mit Vergleichsoperatoren wie>,<,>=und<=vergleichen, und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Fehler 2024601). -
Behebung für verschachtelte scrollbare Bereiche:
layout.css.fake-webkit-scrollbar.enabledDiese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbarere Inhalte nicht erreichbar waren. Wenn ein Scrollbalken auf
display: none;oderwidth: 0;gesetzt ist, würden sich die Scrollbalken verschachtelter scrollbarer Bereiche übereinander stapeln, was bedeutet, dass einige Inhalte möglicherweise nicht erreichbar wären. (Firefox Fehler 1977511).