Check There - A Simple Experiment
Check There – is a simple experiment which makes use of Request-Headers
to determine the client device. Few months ago I has visited @davidprati’s pleasevisit experience, was inspired by that mischievous experiment, and today got free time and sudden urge to recreate it.
The back-end written in PHP as a simple single function, which compares the HTTP_USER_AGENT
of $_SERVER
global variable with with regex of common/popular user-agent names found in mobile devices, and return the result in boolean value, which is check with (my favorite) ternary operator to place the classes & text where required.
Here is the snippit of the function —
function isMobile() {
return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"]);
}
This works for this small experiment, I would suggest something like this popular Mobile-Detect library in production. Though it’s a better option to design a mobile first website rather than a dedicate mobile one (unless its required too!), also Request-Headers
can easily be faked since there are coming form client-side.
Live Preview link : Check There