Skip to content

Commit 3b73d6f

Browse files
authored
Update README.md
1 parent 97f48b6 commit 3b73d6f

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

README.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,9 @@ This is where a new concept comes in. I call it **Engine Detection**. It's a con
3131
<meta charest="utf-8">
3232
<title>Browsengine - TestDrvie</title>
3333

34-
<script type="text/javascript" src="/path/to/Modernizr.js"></script> <!-- optional -->
35-
<script type="text/javascript" src="/path/to/browsengine.js"></script>
34+
<!-- Modernizr is optional -->
35+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
36+
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/isocroft/[email protected]/dist/browsengine.min.js"></script>
3637
</head>
3738
<body class="page"> <!-- the class attribute of the {body} tag gets filled up after page load -->
3839

@@ -67,7 +68,7 @@ This is where a new concept comes in. I call it **Engine Detection**. It's a con
6768
6869
console.hlog(document.body.className);
6970
console.hlog(window.webpage.device.os); // operating system for the device e.g "Windows"
70-
console.hlog(window.webpage.device.screen.type); // screen type e.g. "retina or "normal"
71+
console.hlog(window.webpage.device.screen.type); // screen type e.g. "retina" or "normal"
7172
console.hlog(window.webpage.device.screen.dpi); // the dot per inch e.g. 24
7273
console.hlog(window.webpage.device.browser_build); // the engine and browser name e.g. "blink-opera", "webkit-chrome", "edgehtml-edge"
7374
console.hlog(window.webpage.device.type); // the device type e.g. "mobile", "tablet", "desktop" or "tv"
@@ -90,7 +91,7 @@ After including the script to any page you choose (like above), it can be used o
9091

9192
/* grouping styles based on engines */
9293

93-
body.yes-webkit div.top-row{ /* Webkits -> Safari, Chrome, Arora, WebOS browser */
94+
body.yes-webkit div.top-row{ /* Webkit(s) -> Safari, Chrome, Arora, WebOS browser */
9495
display:-webkit-flex;
9596
diaplay:flex;
9697
-webkit-flex-direction:row-reverse;
@@ -99,7 +100,7 @@ After including the script to any page you choose (like above), it can be used o
99100

100101
/* Accessibility for screen readers for visually-impared/non-sighted users */
101102

102-
.gecko a.fb-social[data-intro-text]:before{ /* Geckos -> Firefox, WebSpirit, IceDragon */
103+
.gecko a.fb-social[data-intro-text]:before{ /* Gecko(s) -> Firefox, WebSpirit, IceDragon */
103104
content:" This is a link to Facebook on Gecko browsers";
104105
width: 1px;
105106
height:1px;

0 commit comments

Comments
 (0)