Google Chrome 100 ist mit neuen Chrome DevTools-Funktionen und einer neuen dedizierten Fenster-Setup-Verwaltungs-API verfügbar

Google hat das Chrome 100-Update für Windows, macOS, Linux, Android und iOS veröffentlicht: Das Chrome-Team freut sich, die Ankunft des Chrome 100 auf einem stabilen Kanal für Windows, Mac und Linux bekannt zu geben. Der Chrome 100 ist auch in unserem neuen erweiterten stabilen Kanal für Windows und Mac angekommen. Es wird in den kommenden Tagen/Wochen sukzessive eingeführt. Der Chrome 100 führt auch eine neue API ein, die der Verwaltung der Fensterplatzierung in einer Konfiguration mit mehreren Bildschirmen gewidmet ist. Mit dieser Version hat Google eine API für digitale Waren hinzugefügt, sodass Web-Apps innerhalb der App über den Google Play Store einkaufen können.

Zusätzlich zu neuen Funktionen und Verbesserungen behebt Chrome 100 28 Sicherheitslücken, von denen neun als “schwerwiegend” gekennzeichnet wurden, was es zu einem Muss für alle Benutzer macht.

Neues Chrome-Symbol

Google Chrome 100 hat ein neues Logo mit subtilen Farbänderungen, Schattenentfernung und einem etwas größeren inneren blauen Kreis. Google hat das neue Logo bereits in Chrome Canary-Editionen überprüft, doch mit der Veröffentlichung von Google Chrome 100 ist es nun zu einer stabilen Version gekommen.

Es muss gesagt werden, dass das Logo seit 2014 gleich geblieben ist. Um die Überquerung der neuen Strecke zu markieren, erklärt Google Designer, dass es das Hauptsymbol vereinfacht hat [] durch Entfernen von Schatten, Verfeinern von Proportionen und Aufhellen von Farben, um dem moderneren Ausdruck der Marke Google zu entsprechen.

Mögliche Auswirkungen auf Websites aufgrund der dreistelligen Versionsnummer

Der dreistellige Sprung von Chrome ließ Google glauben, dass einige Seiten abstürzen könnten; Da einige von ihnen nicht an Browser mit dreistelligen Versionsnummern angepasst waren, bestand die Gefahr, dass sie Chrome 100 als Chrome 10 interpretierten. Mit Google Chrome 100 verwendet der Browser-User-Agent-String jetzt eine dreistellige Versionsnummer statt eine zweistellige Version, wie unten gezeigt:

"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.60 Safari/537.36"

Ab September 2021 testet Google, ob eine Umstellung des Chrome User Agent auf die dreistellige „Chrome/100“ Webseiten korrumpieren oder deren Funktion verhindern würde. Und Pete LePage von Google erklärt:

Als die Suchmaschinen zum ersten Mal auf die Version 10 kamen, gab es einige Probleme, weil die Nummer der Hauptversion von eins auf zwei sprang. Ich hoffe, wir haben ein paar Dinge gelernt, die den Übergang von einem zweistelligen Triple einfacher machen.

Chrome 100 ist jetzt verfügbar und Firefox 100 wird bald verfügbar sein. Diese dreistelligen Versionsnummern können Probleme auf Websites verursachen, die in irgendeiner Weise auf die Identifizierung der Browserversion angewiesen sind. In den letzten Monaten haben das Firefox-Team und das Chrome-Team damit experimentiert, wo der Browser die Versionsnummer 100 gemeldet hat, obwohl dies nicht der Fall war.

Dies hat zu mehreren gemeldeten Problemen geführt, von denen viele bereits behoben wurden. Aber wir brauchen trotzdem eure Hilfe:

  • Wenn Sie Website-Betreuer sind, testen Sie Ihre Website mit Chrome und Firefox 100.
  • Wenn Sie eine User-Agent-Analysebibliothek entwickeln, fügen Sie Versionsanalysetests hinzu, die größer als und gleich 100 sind.

Apropos User-Agent: Chrome 100 wird die neueste Version sein, die standardmäßig eine nicht reduzierte Zeichenfolge von User-Agent unterstützt. Dies ist Teil einer Strategie, um die Verwendung der User-Agent-Kette durch die neue User-Agent-Client-Client-Hinweis-API zu ersetzen. Die User-Agent Client Hints wurden im Juni 2020 als neue Erweiterung der Client Hints API eingeführt, die es Entwicklern ermöglicht, auf Benutzer-Browser-Informationen auf benutzerfreundliche und datenschutzfreundliche Weise zuzugreifen.

Client-Tipps ermöglichen es Entwicklern, aktiv nach Informationen über ein Gerät oder Benutzerbedingungen zu suchen, anstatt sie aus der User-Agent (UA)-Kette zu analysieren. Das Bereitstellen dieser alternativen Route ist der erste Schritt, um möglicherweise die Granularität der User-Agent-Kette zu reduzieren.

Der Abschnitt ist unten für Kundentipps reserviert.

Neue Funktionen für Entwickler

Multiple-Window-Setup-API

Pete LePage kommentiert die Nützlichkeit dieser API wie folgt:

Für einige Anwendungen ist das Öffnen neuer Fenster und deren Platzierung an bestimmten Orten oder Ansichten ein wichtiges Merkmal. Wenn ich beispielsweise Folien für eine Präsentation verwende, möchte ich, dass die Folien im Vollbildmodus auf dem Hauptbildschirm und die Notizen meiner Sprecher auf einem anderen Bildschirm angezeigt werden.

Die Multi-Monitor Window Setup API wird verwendet, um Monitore aufzulisten, die mit dem Computer eines Benutzers verbunden sind, und um Fenster auf bestimmten Monitoren einzurichten.

Sie können schnell überprüfen, ob mehr als ein Bildschirm mit dem Gerät verbunden ist window.screen.isExtended

1
2

const isExtended = window.screen.isExtended;
// returns true/false

Aber die Schlüsselfunktionalität ist innen window.getScreenDetails ()die Details auf den beigefügten Bildschirmen enthält.

1
2
3
4
5
6
7
8

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

Sie können beispielsweise den Hauptbildschirm angeben und ihn dann verwenden Vollbildanforderung () um ein Vollbildelement auf diesem Bildschirm zu platzieren.

1
2
3
4
5
6
7
8

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

Und es bietet eine Möglichkeit, auf Änderungen zu hören, z. B. wenn ein neuer Bildschirm angeschlossen oder entfernt wird, sich die Auflösung ändert und so weiter.

1
2
3
4
5
6
7
8

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

Digital Goods API zum Hinzufügen Ihrer Website zum Einkaufen in der Play Store App

Laut Google ist dies eine digitale Produktabfrage- und Verwaltungs-API, um In-App-Käufe von Web-Apps in Verbindung mit der Zahlungsanforderungs-API (die für tatsächliche Käufe verwendet wird) zu erleichtern. Die API würde sich an einen digitalen Lieferdienst binden, der über einen Benutzeragenten verbunden ist. In Chromium ist dies ein spezieller Web-API-Wrapper um die Android Play Billing API. Für Google ist dies erforderlich, damit die Play Store-Web-Apps digitale Waren akzeptieren (die Play Store-Richtlinien verbieten ihnen, Zahlungen auf andere Weise zu akzeptieren). Ohne sie können Websites, die digitale Waren verkaufen, nicht über den Play Store installiert werden.

Neue Funktionen in Chrome DevTools

Diese Version enthält mehrere Verbesserungen und neue Funktionen in Chrome DevTools. Beispielsweise können Sie jetzt CSS-@supports-Regeln im Bereich „Stile“ anzeigen und bearbeiten. Diese Änderungen erleichtern das Experimentieren mit Echtzeit-et-Regeln. Öffnen Sie diese Demoseite und sehen Sie sich den Artikel an

, siehe @supports-Regeln im Bereich Stile. Klicken Sie auf einen Regelausdruck, um ihn zu bearbeiten.

Das folgende Video fasst dies zusammen:

Tipps für Kundenagenten

Warum Google den Übergang zu dieser neuen Form für notwendig hält

Wenn Webbrowser Anfragen stellen, enthalten sie Informationen über den Browser und seine Umgebung, damit Server die Antwort analysieren und anpassen können. Dieser Header sollte in der Reihenfolge ihrer Wichtigkeit das Produkt (z. B. einen Browser oder eine Bibliothek) und einen Kommentar (z. B. eine Version) angeben.

In den folgenden Jahrzehnten sammelte diese Kette eine Reihe zusätzlicher Details über den Client, der die Anfrage gestellt hat (sowie Fehler aufgrund von Abwärtskompatibilität). Wir können dies sehen, indem wir uns die Chrome User-Agent-Zeichenfolge ansehen:

Mozilla/5.0 (Linux; Android 10; Pixel 3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4076.0 Mobile Safari/537.36

Die obige Reihe enthält Informationen über das Betriebssystem und die Version des Benutzers, das Gerätemodell, die Marke und die Vollversion des Browsers, genügend Hinweise, um darauf zu schließen, dass es sich um einen mobilen Browser handelt, ganz zu schweigen von zahlreichen Verweisen auf andere Browser aus historischen Gründen.

Die Kombination dieser Parameter mit einer breiten Palette möglicher Werte bedeutet, dass das User-Agent-Array genügend Informationen enthalten könnte, um eine eindeutige Identifizierung einzelner Benutzer zu ermöglichen. Wenn Sie Ihren Browser auf AmIUnique testen, können Sie sehen, wie gut Ihr User-Agent-Kanal Sie identifiziert. Je kleiner das resultierende „Ähnlichkeitsverhältnis“ ist, je einzigartiger Ihre Abfragen sind, desto einfacher ist es für Server, Sie heimlich zu verfolgen.

Die User-Agent-Kette bietet viele legitime Verwendungsmöglichkeiten und spielt eine wichtige Rolle für Entwickler und Websitebesitzer. Es ist jedoch auch wichtig, dass die Privatsphäre der Benutzer vor verdeckten Tracking-Methoden geschützt ist, und das standardmäßige Senden von UA-Informationen setzt diesen Zweck außer Kraft.

Außerdem muss die Webkompatibilität in Bezug auf die User-Agent-Kette verbessert werden. Da es unstrukturiert ist, führt seine Analyse zu unnötiger Komplexität, was häufig die Ursache für Fehler und Kompatibilitätsprobleme mit Websites ist, die Benutzern schaden. Diese Probleme betreffen auch Benutzer weniger beliebter Suchmaschinen überproportional, da Websites ihre Konfiguration möglicherweise nicht getestet haben.

Einführung neuer Tipps für den Client-Agent-Client

Benutzeragenten-Client-Tipps bieten Zugriff auf die gleichen Informationen, jedoch auf datenschutzfreundlichere Weise, sodass Suchmaschinen die standardmäßige Übertragung der Benutzeragentenzeichenfolge optional reduzieren können. Clienthinweise wenden ein Modell an, bei dem der Server eine Reihe von Clientdaten (Hinweisen) vom Browser anfordern muss und der Browser seine eigenen Richtlinien oder Benutzerkonfigurationen anwendet, um zu bestimmen, welche Daten zurückgegeben werden. Anstatt also standardmäßig alle Informationen über den Benutzeragenten offenzulegen, wird der Ansatz jetzt explizit und überprüfbar gehandhabt. Entwickler profitieren auch von einer einfacheren API, keine regulären Ausdrücke mehr!

Der aktuelle Satz von Client-Hinweisen beschreibt hauptsächlich die Möglichkeit, Browser anzuzeigen und zu verbinden. Sie können die Details in Automatisieren der Ressourcenauswahl mit Kundentipps erkunden, aber unten finden Sie eine Erinnerung an den Prozess.

Der Server sucht über den Header nach bestimmten Client-Tipps:

Antwort des Servers

Accept-CH: Viewport-Width, Width

Oder MTA-Tag:


Der Browser kann dann die folgenden Header in den folgenden Anforderungen zurückgeben:

Nachforderung

1
2

Viewport-Width: 460
Width: 230

Der Server kann seine Antworten variieren, indem er beispielsweise Bilder in der entsprechenden Auflösung anbietet.

User-Agent-Client-Tipps erweitern den Bereich der Eigenschaften mit dem Sec-CH-UA-Präfix, das über den Accept-CH-Server-Antwortheader angegeben werden kann.

User-Agent-Client-Hinweise sind in Chrome ab Version 89 standardmäßig aktiviert.

Quelle: Google (1, 2)

Siehe auch:

Chrome wird Funktionen wie alert () in Frames mit mehreren Quellen deaktivieren, aber die Entwickler bedauern, dass eine so große Änderung ohne detaillierte Diskussion erfolgen wird.
Google Chrome wird keine sicheren Website-Indikatoren mehr anzeigen, da das Unternehmen seine Bemühungen fortsetzt, 100 % HTTPS-Web zu erreichen
Google Chrome 92 bietet dank Verbesserungen der Bildverarbeitungstechnologie eine bis zu 50-mal schnellere Phishing-Erkennung
Chrome 94 wird den HTTPS-First-Modus hinzufügen, und Google plant, das Vorhängeschloss-Symbol zu ersetzen, das angezeigt wird, wenn eine Website über HTTPS geladen wird, was laut Herausgeber verwirrend ist

Leave a Reply

Your email address will not be published.