Awesome Open Source
Awesome Open Source

Kule urBrowser

urBrowser Localstorage html

<html id="mac" class="desktop chrome chrome6 webkit" data-browser-name="chrome" data-browser-version="6" data-browser-core="webkit" data-os-name="mac" data-device="desktop" data-bp="lg" data-inapp="false" data-webview="false" data-ub-version="4.3.7">

(ver. 4.3.7b) urBrowser Javascript

<script src="path/to/kule.urbrowser.min.js"></script>

<html>

<html id="mac" class="desktop chrome chrome6 webkit" data-browser-name="chrome" data-browser-version="6" data-browser-core="webkit" data-os-name="mac" data-device="desktop" data-bp="lg" data-inapp="false" data-webview="false" data-ub-version="4.0.1b">

IE 9+, Edge 12+, Chrome 4+, Firefox 3.5+, Safari 4+, Opera 11.5+ Local Storage

{"project":"urBrowser","version":"4.0.1b","author":"Kei Cheng","getNameByAgent":"chrome","getPlatform":"mac","getBrowserWithCoreName":{"origin":"chrome","name":"chrome6","core":"webkit","addon":"","full":"chrome chrome6 webkit"},"getOSName":"mac","getBrowserName":{"name":"chrome","origin":"","classes":"chrome chrome6 webkit"},"getBrowserVersion":{"int":6,"full":"6"},"getDevice":"desktop","getOrientation":"portrait","isInApp":false,"isWebView":false,"getBreakpointRange":"lg","classes":"desktop chrome chrome6 webkit"}

id id CSS Hack windows, wp(windows phone), mac, iphone, ipad, ipod, linux, android, chromeos, unix, solaris, playstation, nintendo, blackberry, freebsd, openbsd, palm, symbian

<html id="mac">

CSS Hack

#mac .selector {
    opacity: .5;
}

CSS

#mac {
    .selector {
        opacity: .5;
    }
}

urBrowser class desktop mobileChrome, Safari, Opera WebkitIE Trident ie

<html class="desktop ie11 ie">
<html class="desktop chrome chrome69 webkit">
<html class="mobile fxios firefox firefox56 webkit">
<html class="mobile safari safari12 webkit">
<html class="mobile line line8 webkit">

Chrome/Chromium class chrome

<html class="mobile yandex chrome webkit">

CSS Hack

.chrome .selector {
    opacity: .5;
}

Webkit

.webkit .selector {
    opacity: .5;
}

Chrome/Chromium class chrome

<html class="yandex chrome webkit">

IE CSS Hack

.ie11 .selector {
    opacity: .5;
}

IE

.ie .selector {
    opacity: .5;
}

Webkit

.webkit .selector {}

Chrome, Firefox, Safari, Opera, Edge

.chrome .selector {}
.firefox .selector {}
.safari .selector {}
.opera .selector {}
.edge .selector {}

Android

.adrBuiltin .selector {}

Hack

#mac.chrome .selector {
    opacity: .5;
}

#mac.opera .selector {
    opacity: .5;
}

CSS

#mac {
    &.chrome {
        .selector {
                opacity: .5;
        }
    }

    &.opera {
        .selector {
                opacity: .5;
        }
    }
}

Webview

Webview Webview Webview User Agent cordova phonegap react nodejs webview iOS Andoird

  • iOS: webview-ios
  • Android: webview-adr html
<html class="webview-ios webview webkit" data-webview="ios">
<html class="webview-adr webview webkit" data-webview="android">

data-webview false


APP

IE IE app Facebook apps, Twitter, Line, Kakaotalk, MicroMessenger() APP APP class inapp app

<html class="mobile line line8 webkit inapp">

Desktop, Mobile class data-device-type

<html class="desktop" data-device-type="desktop">

<html data-browser-name="chrome" data-browser-version="6" data-os-name="mac">

Breakpoints

RWD AWD 576px xs 576px sm 768px md 992 lg 1200px xl

<html data-bp="lg">

LocalStorage

urBrowser LocalStorage

var urb = localStorage.getItem('urbrowser');

urb = JSON.parse(urb);
console.log(urb.getBrowserWithCoreName);
/* console
{
  "origin": "chrome",
  "name": "chrome6",
  "core": "webkit",
  "addon": "",
  "full": "chrome chrome6 webkit"
}
*/

LocalStorage

{"project":"urBrowser","version":"4.0.1b","author":"Kei Cheng","getNameByAgent":"chrome","getPlatform":"mac","getBrowserWithCoreName":{"origin":"chrome","name":"chrome6","core":"webkit","addon":"","full":"chrome chrome6 webkit"},"getOSName":"mac","getBrowserName":{"name":"chrome","origin":"","classes":"chrome chrome6 webkit"},"getBrowserVersion":{"int":6,"full":"6"},"getDevice":"desktop","getOrientation":"portrait","isInApp":false,"isWebView":false,"getBreakpointRange":"lg","classes":"desktop chrome chrome6 webkit"}


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Css (209,816
Android (40,813
Mobile (3,204
Chrome (2,842
Browser (2,678
Firefox (1,813
Desktop (1,695
Localstorage (973
Cookie (533
Opera (161
Tablet (139
Related Projects