Mailbase Blog – Technik, Programmieren usw.

JavaScript: Detect Mobile Webbrowser

Veröffentlicht am 17/08/2020

There are many ways and functions to detect if a device is a mobile one. Here is mine, having no need for a database of user agents and also not depending on page ratio (yes works also on modern tablets). Objectives: to have something small, efficient and reliable.

/**
 * Returns True when browser is a mobile one.
 * @param {String} user_agent - navigator.UserAgent of browser
 * @param {Array} list_of_mobile_keywords - array of mobile keywords
 */
function Is_Mobile_Browser(user_agent, list_of_mobile_keywords)
{
    // Look for Mobile tag
    // E.g. Mobile Safari:
    // Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148
    if (user_agent.includes("Mobile") || user_agent.includes("mobile"))
    {
        return true;
    }

    // Checks if Browser runs on Android
    if(user_agent.includes("Android"))
    {
        return true;
    }

    // If no result check CPU architecture
    // x86_64 and x86 -> Desktop
    // Android x86 devices should be detected by check before
    if (user_agent.includes("x86"))
    {
        return false;
    }

    // If no mobile tag was set look for mobile keywords
    for (var i = 0; list_of_mobile_keywords.length >= i; ++i)
    {
        if (user_agent.includes(list_of_mobile_keywords[i]))
        {
            return true;
        }
    }

    // Case: Still no decision was made
    return false;
}

/* List of mobile keywords
   Sorted according to likelihood of occurrence. */
// Keyword explanation:
// QtCarBrowser - Tesla Car
// Opera Mini - Opera Mini is the only webrowser on android not telling that it's running on android.
// Web0S - Some TV's (remote control and mobile webpages are a perfect fit)
// SmartTV - Apple TV and some other SmartTV's
var list_of_mobile_keywords = ["iOS", "iPhone", "iPad", "Opera Mini", "Phone", "Kindle", "SmartTV", "PlayStation", "Web0S", "QtCarBrowser", "IEMobile", "SamsungBrowser"];

// Run the detection function
Is_Mobile_Browser(navigator.userAgent.toString(), list_of_mobile_keywords);

/**

* Returns True when browser is a mobile one.

* @param {String} user_agent - navigator.UserAgent of browser

* @param {Array} list_of_mobile_keywords - array of mobile keywords

function Is_Mobile_Browser(user_agent, list_of_mobile_keywords)

{

// Look for Mobile tag

// E.g. Mobile Safari:

// Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148

if (user_agent.includes("Mobile") || user_agent.includes("mobile"))

{

return true;

}

// Checks if Browser runs on Android

if(user_agent.includes("Android"))

{

return true;

}

// If no result check CPU architecture

// x86_64 and x86 -> Desktop

// Android x86 devices should be detected by check before

if (user_agent.includes("x86"))

{

return false;

}

// If no mobile tag was set look for mobile keywords

for (var i = 0; list_of_mobile_keywords.length >= i; ++i)

{

if (user_agent.includes(list_of_mobile_keywords[i]))

{

return true;

}

// Case: Still no decision was made

return false;

}

/* List of mobile keywords

Sorted according to likelihood of occurrence. */

// Keyword explanation:

// QtCarBrowser - Tesla Car

// Opera Mini - Opera Mini is the only webrowser on android not telling that it's running on android.

// Web0S - Some TV's (remote control and mobile webpages are a perfect fit)

// SmartTV - Apple TV and some other SmartTV's

var list_of_mobile_keywords = ["iOS", "iPhone", "iPad", "Opera Mini", "Phone", "Kindle", "SmartTV", "PlayStation", "Web0S", "QtCarBrowser", "IEMobile", "SamsungBrowser"];

// Run the detection function

Is_Mobile_Browser(navigator.userAgent.toString(), list_of_mobile_keywords);

I tested it by a … Weiterlesen JavaScript: Detect Mobile Webbrowser

USB-C / USB 3.0 Docking Station With Attached Fan

Veröffentlicht am 25/07/2020

After a long and somewhat frustrating search for a new daily driver, I replaced my 2012 T430 Thinkpad by a E495 Thinkpad. It’s nice and shiny, but still has some down sides: No more Docking Port Adapter on the bottom of the device. A mediocre thermal design of the device. -> Running high CPU load … Weiterlesen USB-C / USB 3.0 Docking Station With Attached Fan

Ubuntu Based Test System with VirtualBox

Veröffentlicht am 23/02/2020

A friend of mine asked on how to install a virtual-machine with a clean test-system on an Ubuntu System. He is writing a dependency installation script for one of his programs, therefore he needs a system with no pre-installed development libraries or PPAs. Let’s go: Install the needed program packages. … Weiterlesen Ubuntu Based Test System with VirtualBox

Git things nice to know about

Veröffentlicht am 28/10/2019

At the university for a year or so I was guiding students to work for one semester on a long time running project. Meaning there was a software-project running for years with new students every semester who were committing some code on top. To get everything in some kind of order I was using the … Weiterlesen Git things nice to know about

Mathe Formelsamlung

Veröffentlicht am 08/06/2019

Thanks to MathML and MathJax, it was possible for me to write down a small formula collection quickly from memory. Maybe I will extend it so that it will be of real use in the future.(Dank MathML und MathJax war es mir möglich, eine kleine Formelsammlung schnell aus dem Gedächtnis aufzuschreiben. Vielleicht werde ich es … Weiterlesen Mathe Formelsamlung

Kaffeebohnen mit möglichst viel Koffein

Veröffentlicht am 17/02/2019

Eins vorweg, dieser Artikel enthält Fotos und Namen von Kaffeeröstern und käuflich erwerbbaren Kaffeesorten….. aber leider bezahlt mich keiner dafür…. Kaffeebohnen gibt es auf dem Weltmarkt in hauptsächlich zwei verschiedenen Sorten: Arabica (lat. Coffea arabica) und Robusta (lat. Coffea canephora). Arabica ist als Hochland-Kaffee und Robusta als Tiefland-Kaffee bekannt. Robusta ist sehr viel widerstandsfähiger gegenüber … Weiterlesen Kaffeebohnen mit möglichst viel Koffein

MRT Bilder in MP4 umwandeln – Linux

Veröffentlicht am 23/07/2018

Letzte Woche hat mich ein Freund gefragt, ob bei mir am PC vielleicht die CD funktionieren würde, die er beim MRT bekommen hatte. Zwar ist diese CD für seinen Arzt vorgesehen, aber die Neugier war stark. Die Bilder lagen im sogenannten DICOM Format vor. Zitat hierzu aus Wikipedia: „Digital Imaging and Communications in Medicine (DICOM; … Weiterlesen MRT Bilder in MP4 umwandeln – Linux

MTB Verkehrssicher Machen

Veröffentlicht am 20/04/2018

Neben der offensichtlichen Hauptfunktionalität sollten Mountainbikes vor allem gut aussehen. Viele stören sich an Reflektoren und finden die StVzO auch ziemlich uninteressant. Völlig neu für mich war auch, dass Fahrräder ernsthaft verkauft werden ohne Seitenständer….Wenn ich also mit meinem MTB im Wald bergab fahre und pinkeln muss, dann gibt es nur die Möglichkeit, das Fahrrad … Weiterlesen MTB Verkehrssicher Machen

KDEnLive und Konsorten

Veröffentlicht am 28/03/2018

Im Zusammenhang mit einem Uni-Seminar, das am Freitag endete, bekam ich die Anfrage ob ich etwas zu KDEnLive schreiben könnte. Im Abschnitt „Andere Videobearbeitungssoftware“ kommt noch ein kurzer Vergleich zu OpenSource Alternativen, da KDEnLive seine Probleme hat. Aber jetzt, KDEnLive: Was ist das? (oder besser was heißt das?) KDE KDE ist eine grafische Oberfläche für … Weiterlesen KDEnLive und Konsorten

Funkfernbedienung / Presenter

Veröffentlicht am 26/03/2018

In den letzten Wochen hatte ich ein Seminar vom Fachbereich Media, dabei wurde einmal in der Woche eine Präsentation von den Arbeitsgruppen gehalten. Irgendwann kam ich darauf die Fernbedienung zu nutzen, die ich für meinen FireTV Stick angeschafft hatte (siehe hier falls die Frage auf kommt wie man ein USB Gerät an einen FireTV Stick … Weiterlesen Funkfernbedienung / Presenter