Skip to content

Commit f9e6f69

Browse files
isocroftisocroft
authored
Update index.html
1 parent 4cc4ed1 commit f9e6f69

File tree

1 file changed

+74
-29
lines changed

1 file changed

+74
-29
lines changed

‎example/index.html

Lines changed: 74 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,17 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charest="utf-8">
5-
<title>Browsengine - Example</title>
3+
<head>
4+
<meta charest="utf-8">
5+
<title>Browsengine v0.2.3 - Example</title>
66

7-
<script type="text/javascript" src="../dist/browsengine.min.js"></script>
8-
</head>
9-
<body id="webpage">
10-
11-
<script type="text/javascript">
12-
document.body.innerHTML += "\r\n\n " + document.body.className + "\r\n\n ";
13-
</script>
7+
<!-- Modernizr is optional -->
8+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
9+
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/isocroft/browsengine@0.2.3/dist/browsengine.min.js"></script>
10+
</head>
11+
<body class="page"> <!-- the class attribute of the {body} tag gets filled up after page load -->
1412

1513
<script type="text/javascript">
14+
1615
if(window.webpage.engine.webkit){
1716
alert("webkit rendering engine");
1817
}else if(window.webpage.engine.blink){
@@ -27,23 +26,69 @@
2726
alert("gecko rendering engine");
2827
}
2928

30-
// the console object is never available when dev tools is not open
31-
if(!window.console && window.webpage.old.ie){
32-
console = {
33-
hlog:function(msg){
34-
document.body.innerHTML += msg + "\r\n\n\n";
35-
}
36-
}
37-
}else{
38-
console.hlog = function(msg){
39-
document.body.innerHTML += msg + "\r\n\n\n";
40-
}
41-
}
42-
43-
console.hlog(window.webpage.device.os);
44-
console.hlog(window.webpage.device.screen.type);
45-
console.hlog(window.webpage.device.screen.dpi);
46-
console.hlog(window.webpage.device.type);
29+
if (window.webpage.engine.old_impl && window.webpage.engine.blink) {
30+
alert("This is a very old implementation of the blink rendering engine");
31+
} else if (window.webpage.engine.webkit && window.webpage.engine.old_impl) {
32+
alert("This is a very old implementation of the webkit rendering engine");
33+
}
34+
35+
36+
if (window.webpage.old.ie) {
37+
alert("This is a very old version of internet explorer browser");
38+
}
39+
40+
if (window.webpage.old.firefox) {
41+
alert("This is a very old version of firefox browser");
42+
}
43+
44+
if (window.webpage.old.microsoftedge) {
45+
alert("This is a very old version of edge browser");
46+
}
47+
48+
if (window.webpage.old.chrome) {
49+
alert("This is a very old version of chrome browser");
50+
}
51+
52+
if (window.webpage.old.brave) {
53+
alert("This is a very old version of brave browser");
54+
}
55+
56+
if (window.webpage.old.safari) {
57+
alert("This is a very old version of safari browser");
58+
}
59+
60+
if (window.webpage.newer.chrome) {
61+
alert("This is a much newer version of chrome browser");
62+
}
63+
64+
if (window.webpage.newer.opera) {
65+
alert("This is a much newer version of opera browser");
66+
}
67+
68+
/* Browsengine exposes an object {webpage} on the global window object */
69+
70+
console.log(document.body.className); //
71+
console.log(window.webpage.device.os); // operating system for the device e.g. "Windows"
72+
console.log(window.webpage.device.zoom_level); // zoom level for the device e.g. 100%
73+
console.log(window.webpage.standards); // document is rendered in standards mode e.g. true
74+
console.log(window.webpage.device.touch_capable); // screen touch capability e.g. false
75+
console.log(window.webpage.device.screen.type); // screen type e.g. "retina" or "normal"
76+
console.log(window.webpage.device.screen.dpi); // the pixel depth e.g. 24
77+
console.log(window.webpage.device.screen.pixel_density); // device pixel ratio e.g. 2
78+
console.log(window.webpage.device.browser_build); // the engine and browser name e.g. "chromium-blink-opera", "webkit-chrome", "chromium-edgehtml-edge"
79+
console.log(window.webpage.device.type); // the device type e.g. "mobile", "tablet", "desktop" or "tv"
80+
81+
console.log(w.webpage.device.agent.safari_mac);
82+
console.log(w.webpage.device.agent.safari_ios);
83+
console.log(w.webpage.device.agent.chrome_android);
84+
console.log(w.webpage.device.agent.opera_mobile);
85+
console.log(w.webpage.device.agent.opera_mini);
86+
87+
/* The `navigator` object now supports `navigator.oscpu` non-standard properties - polyfilled (Firefox is the only browser that support `navigator.oscpu` natively */
88+
/* Unfortunately, `navigator.oscpu` has been deprecated on Firefox and will be removed from this library soon */
89+
console.log(window.navigator.oscpu); // operating system cpu info e.g. "Windows NT 6.1"
90+
91+
console.log(window.navigator.isSWCapable()); // determine if the browser can run a service worker natively
4792
</script>
48-
</body>
93+
</body>
4994
</html>

0 commit comments

Comments
 (0)