zurück zum Artikel

Neue APIs und Formeln in Googles Webbrowser Chrome

Christian Kirsch

In der neuen Beta-Version des Browsers Chrome haben die Entwickler unter anderem die APIs für IndexedDB und Internationalisierung von ihrem Präfix befreit. Hinzugekommen ist Unterstützung für die Formelbeschreibungssprache MathML.

Gleichzeitig mit der Produktivversion [1] 23 von Chrome erschien [2] auch Version 24 als Beta. Sie enthält zahlreiche Neuerungen, die für Web-Entwickler interessant sind. So unterstützt sie erstmals das autocomplete-Attribut für Textfelder so, wie es der Standard [3] vorsieht. Damit können HTML-Dokumente vorgeben, für welche Formularfelder der Browser einen früher eingegebenen Wert vorschlagen darf.

Screenshot Datumsfeld

Datumsfelder können mit einer Auswahlliste verbunden sein.

Eingabefelder für Datumswerte erlauben die Angabe einer datalist [4] mit Vorschlägen, ein anderes Datum dürfen Anwender weiterhin eingeben. Chrome 24 kommt mit dem XML-Dialekt MathML [5] zurecht, sodass er HTML-Dokumente mit mathematischen Formeln korrekt darstellen kann. Es gibt kleinere Unterschiede [6] zum etablierten TeX.

Screenshot CSS-Filter

Mit selbstgeschriebenen CSS-Filtern lassen sich Spezialeffekte umsetzen, etwa das ...

(Bild: adobe.com)

Screenshot

... Öffnen eines Vorhangs.

(Bild: adobe.com)

Experimentierfreudige können programmierbare CSS-Filter [7] nutzen, müssen die Funktion jedoch im Browser durch Aufruf von chrome://flags aktivieren. Diese Filter erlauben das Definieren eigener Transformationen und Übergänge. Die Technik [8] wurde von Adobe vorgeschlagen [9] und verwendet neben HTML und CSS die Shader-Language aus WebGL. An dieselbe Zielgruppe richtet sich das CSS-Attribut -webkit-clip-path [10], mit dem man einen beliebigen SVG-Pfad als Clip-Polygon für DOM-Elemente vorgeben kann.

Etliche Programmierschnittstellen stellt Chrome jetzt ohne Präfix bereit. Dazu gehören IndexedDB [11] für die Verwaltung strukturierter Daten im Browser, Intl [12] für die Lokalisierung von Datums- und Zahlenformaten sowie das Sortieren und performance.now() [13] für zuverlässige, hochauflösende Zeitmessungen. (ck [14])


URL dieses Artikels:
https://www.heise.de/-1747017

Links in diesem Artikel:
[1] https://www.heise.de/news/Chrome-23-schliesst-Luecken-und-spart-Strom-1744887.html
[2] http://blog.chromium.org/2012/11/a-web-developers-guide-to-latest-chrome.html
[3] http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#autofilling-form-controls
[4] http://demo.agektmr.com/datalist/
[5] https://developer.mozilla.org/en-US/docs/MathML
[6] http://www.mozilla.org/projects/mathml/demo/texvsmml.html
[7] http://adobe.github.com/web-platform/samples/css-customfilters/
[8] https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html
[9] http://www.adobe.com/devnet/html5/articles/css-shaders.html
[10] http://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html#the-clip-path
[11] http://www.html5rocks.com/en/tutorials/indexeddb/todo/
[12] http://norbertlindenberg.com/2012/10/ecmascript-internationalization-api/index.html#Intl
[13] http://updates.html5rocks.com/2012/08/When-milliseconds-are-not-enough-performance-now
[14] mailto:ck@ix.de