@@ -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