Back to all Elements
OS Detection with JavaScript
Short JavaScript code that detects which OS system the user is running and display div accordingly.
In short, what I did here is used the navigator.userAgent request header to detect what OS the user is running. This method is widely supported by browsers and not to hard to implement.
Once I know which OS, I show and hide divs in the project accordingly.
Here is the code:
<script>
if ( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
$("#android").hide();
$("#web").hide();
}
else if ( /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$("#ios").hide();
$("#web").hide();
}
else {
$("#ios").hide();
$("#android").hide();
}
</script>
A tongue scraper is is so much better in cleaning your tongue instead of the normal brushing it.
Change text in a sentence/headline with Webflow's interactions
.png)
A Webflow Tabs widget with some edits and custom code to make the menu scrollable on desktop & mobile
.png)
A contact form disguised as a chat widget.
%2520(1).png)