JavaScript - Browser Infos


<script>

window.addEventListener("load", function() {
 
document.getElementById("info").addEventListener("click", NavigatorObject);
});

function 
NavigatorObject() {
alert("Browser CodeName: " + navigator.appCodeName + "\n" +
 
"Browser Name: " + navigator.appName + "\n" +
 
"Browser Version: " + navigator.appVersion + "\n" +
 
"Cookies Enabled: " + navigator.cookieEnabled + "\n" +
 
"Browser Language: " + navigator.language + "\n" +
 
"Browser Online: " + navigator.onLine + "\n" +
 
"Platform: " + navigator.platform + "\n" +
 
"User-Agent header: " + navigator.userAgent);
}
</
script>

<
input type="button" id="info" value="Browser Infos">

navigator.language kann, je nach Browser, folgende Werte enthalten:
de
de-DE
en
en-US
…

Folgendes Script, ermittelt unabhängig vom Browser die Sprache:

<script>
var lang = window.navigator.languages ? window.navigator.languages[0] : null;
lang = lang ||
 window.navigator.language ||
 window.navigator.browserLanguage ||
 window.navigator.userLanguage;
if (lang.indexOf('-') !== -1)
    lang = lang.split('-')[0];
if (lang.indexOf('_') !== -1)
    lang = lang.split('_')[0];
console.log(lang);
</script>

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Texteingabe nur in Großbuchstaben

PHP - Dateigröße und letzte Aktualisierung ausgeben

JavaScript - Eine Animation ab einer bestimmten Scroll-Position starten

MySQL - Datensatz Wert um 5% erhöhen