Browser-Check
Inhalt: Neue Standards und Techniken wie Hardwarebeschleunigung, HTML5 und CSS3
ermöglichen völlig neuartige Web-Anwendungen - was kann Ihr Browser?
Der Browser-Check prüft, mit welchen der ausgewählten neuen Elemente und Techniken von HTML5 und CSS3 Ihr Browser umgehen kann.
Die Hardwarebeschleunigung ermöglicht aufwendige Skripts, interaktive Videos und Animationen,
die aufgrund der hohen Rechenzeit bislang undenkbar waren.
Der Browser delegiert bestimmte Aufgaben an die Grafikkarte und entlastet somit die CPU.
Er greift dazu unter anderem auf die Direct2D-Schnittstelle von Windows zu.
Die neuen HTML5-Tags "audio" und "video" ermöglichen es, Filme und Musik direkt
auf einer Webseite einzubinden - ohne Plug-ins wie Adobe Flash oder Microsoft Silverlight.
Und Mit dem neuen Tag "canvas" lassen sich in Verbindung mit Javascript einfach Grafiken und Animationen erstellen.
CSS3 bringt mehrere Dutzend Neuerungen. Künftig lassen sich per CSS etwa abgerundete Ecken erstellen,
Texte mit Schatten versehen, beliebige Schriftarten herunterladen und Animatonen erzeugen.
Nutzung: Klicken Sie einfach auf den folgenden Link: Browser-Check
Version: 1.5
Größe: 20 KByte
Letzte Änderung: 27. September 2010
Download: ---
Funktion: Der Browser-Check basiert auf der Javascript-Bibliothek Modernizr 1.5.
Ein weiteres Javascript prüft die verschiedenen Browser-Funktionen:
function checkBrowserName(name){
var agent = navigator.userAgent.toLowerCase();
if (agent.indexOf(name.toLowerCase())>-1) {
return true;
}
return false;
}
var x = 0;
var y = 0;
document.write("HTML5");
if(Modernizr.audio){
document.write("audio: ja"); x++}
else{
document.write("audio: nein");
}
if (!Modernizr.audio || Modernizr.audio.ogg == ''){
document.write("audio ogg vorbis: nein "); }
else{
document.write("audio ogg vorbis: ja"); x++
}
if (!Modernizr.audio || Modernizr.audio.mp3 == ''){
document.write("audio MP3: nein "); }
else{
document.write("audio MP3: ja"); x++
}
if (!Modernizr.audio || Modernizr.audio.wav == ''){
document.write("audio WAV: nein "); }
else{
document.write("audio WAV: ja"); x++
}
if (!Modernizr.audio || Modernizr.audio.m4a == ''){
document.write("audio M4A: nein "); }
else{
document.write("audio M4A: ja"); x++
}
if(Modernizr.video){
document.write("video: ja "); x++}
else{
document.write("video: nein");
}
if (!Modernizr.video || Modernizr.video.ogg ==''){
document.write("video ogg theora: nein "); }
else{
document.write("video ogg theora: ja"); x++
}
if (Modernizr.video && Modernizr.video.h264 =='probably' ||
(checkBrowserName('MSIE 9.0') &&
document.createElement("video").canPlayType('video/mp4; codecs*="avc1.42E01E"') == 'maybe')){
document.write("video H.264: ja "); x++}
else{
document.write("video H.264: nein");
}
if (!Modernizr.video || Modernizr.video.webm == ''){
document.write("video WebM: nein "); }
else{
document.write("video WebM: ja"); x++
}
if(Modernizr.canvas){
document.write("canvas: ja "); x++}
else{
document.write("canvas: nein");
}
if(Modernizr.geolocation){
document.write("geolocation api: ja "); x++}
else{
document.write("geolocation api: nein");
}
if(Modernizr.inputtypes.color){
document.write("input type color: ja "); x++}
else{
document.write("input type color: nein");
}
if(Modernizr.inputtypes.url){
document.write("input type url: ja "); x++}
else{
document.write("input type url: nein");
}
if(Modernizr.inputtypes.search){
document.write("input type search: ja "); x++}
else{
document.write("input type search: nein");
}
if(Modernizr.inputtypes.number){
document.write("input type number: ja "); x++}
else{
document.write("input type number: nein");
}
if(Modernizr.inputtypes.range){
document.write("input type range: ja "); x++}
else{
document.write("input type range: nein");
}
if(Modernizr.inputtypes.tel){
document.write("input type tel: ja "); x++}
else{
document.write("input type tel: nein");
}
if(Modernizr.inputtypes.email){
document.write("input type email: ja "); x++}
else{
document.write("input type email: nein");
}
if(Modernizr.inputtypes.date){
document.write("input type date: ja "); x++}
else{
document.write("input type date: nein");
}
if(Modernizr.localstorage){
document.write("localstorage: ja "); x++}
else{
document.write("localstorage: nein");
}
if(Modernizr.sessionstorage){
document.write("sessionstorage: ja "); x++}
else{
document.write("sessionstorage: nein");
}
if(Modernizr.applicationcache){
document.write("applicationcache: ja "); x++}
else{
document.write("applicationcache: nein");
}
if(Modernizr.websqldatabase){
document.write("web sql database: ja "); x++}
else{
document.write("web sql database: nein");
}
if(Modernizr.indexeddb){
document.write("indexeddb: ja "); x++}
else{
document.write("indexeddb: nein");
}
if(Modernizr.fontface){
document.write("@font-face: ja "); y++}
else{
document.write("@font-face: nein");
}
if(Modernizr.rgba){
document.write("rgba: ja "); y++}
else{
document.write("rgba: nein");
}
if(Modernizr.hsla){
document.write("hsla: ja "); y++}
else{
document.write("hsla: nein");
}
if(Modernizr.borderimage){
document.write("border-image: ja "); y++}
else{
document.write("border-image: nein");
}
if(Modernizr.borderradius){
document.write("border-radius: ja "); y++}
else{
document.write("border-radius: nein");
}
if(Modernizr.boxshadow){
document.write("box-shadow: ja "); y++}
else{
document.write("box-shadow: nein");
}
if(Modernizr.multiplebgs){
document.write("multiple backgrounds: ja "); y++}
else{
document.write("multiple backgrounds: nein");
}
if(Modernizr.backgroundsize){
document.write("background-size: ja "); y++}
else{
document.write("background-size: nein");
}
if(Modernizr.opacity){
document.write("opacity: ja "); y++}
else{
document.write("opacity: nein");
}
if(Modernizr.cssanimations){
document.write("css animation: ja "); y++}
else{
document.write("css animation: nein");
}
if(Modernizr.csscolumns){
document.write("column-count: ja "); y++}
else{
document.write("column-count: nein");
}
if(Modernizr.cssgradients){
document.write("css gradient: ja "); y++}
else{
document.write("css gradient: nein");
}
if(Modernizr.cssreflections){
document.write("css reflection: ja "); y++}
else{
document.write("css reflection: nein");
}
if(Modernizr.csstransforms){
document.write("2D transforms: ja "); y++}
else{
document.write("2D transforms: nein");
}
if(Modernizr.csstransforms3d){
document.write("3D transforms: ja "); y++}
else{
document.write("3D transforms: nein");
}
if(Modernizr.csstransitions){
document.write("css transition: ja "); y++}
else{
document.write("css transition: nein");
}
if(Modernizr.svg){
document.write("SVG: ja "); y++}
else{
document.write("SVG: nein");
}