JavaScript  -  Web Browser Layout / Rendering Engine

Option 1.   Place this script in the <head> of your html document

<script type="text/javascript">
var engine1 = navigator.userAgent.toLowerCase ();
var navProduct1 = navigator.product;
if (engine1.search ("windows nt 6.1") >-1) {
var uAnp1 = navigator.userAgent;
var arrUanp1 = uAnp1.split(" ");
for(i = 0; i < arrUanp1.length; i++)
if (engine1.search ("chrome/") >-1) navProduct1 = arrUanp1[5].substring(5,11);
if (engine1.search ("safari/") >-1) navProduct1 = arrUanp1[5].substring(5,11);
if (engine1.search ("maxthon/") >-1) navProduct1 = arrUanp1[7].substring(5,11);
if (engine1.search ("khtml/") >-1) navProduct1 = arrUanp1[6].substring(0,5);
if (engine1.search ("presto/") >-1) navProduct1 = arrUanp1[6].substring(0,6);
if (engine1.search ("trident/") >-1) navProduct1 = arrUanp1[8].substring(0,7);
if (engine1.search ("win64") >-1) navProduct1 = arrUanp1[9].substring(0,7);
}
else if (engine1.search ("windows nt 5.1") >-1) {
var uAnp1 = navigator.userAgent;
var arrUanp1 = uAnp1.split(" ");
for(i = 0; i < arrUanp1.length; i++)
if (engine1.search ("chrome/") >-1) navProduct1 = arrUanp1[4].substring(5,11);
if (engine1.search ("safari/") >-1) navProduct1 = arrUanp1[4].substring(5,11);
if (engine1.search ("maxthon/") >-1) navProduct1 = arrUanp1[7].substring(5,11);
if (engine1.search ("khtml/") >-1) navProduct1 = arrUanp1[6].substring(0,5);
if (engine1.search ("presto/") >-1) navProduct1 = arrUanp1[6].substring(0,6);
if (engine1.search ("trident/") >-1) navProduct1 = arrUanp1[8].substring(0,7);
if (engine1.search ("win64") >-1) navProduct1 = arrUanp1[9].substring(0,7);
}
</script>

and use this script in the <body>

<script type="text/javascript">
<!--
document.write(""+navProduct1+"");
//-->
</script>

Web Browser Layout/Rendering Engine - Displays:

 

Option 2.   Save this script in your js folder

Save the following script as layrendeng.js

<!--
var engine2 = navigator.userAgent.toLowerCase ();
var navProduct2 = navigator.product;
if (engine2.search ("windows nt 6.1") >-1) {
var uAnp2 = navigator.userAgent;
var arrUanp2 = uAnp2.split(" ");
for(i = 0; i < arrUanp2.length; i++)
if (engine2.search ("chrome/") >-1) navProduct2 = arrUanp2[5].substring(5,11);
if (engine2.search ("safari/") >-1) navProduct2 = arrUanp2[5].substring(5,11);
if (engine2.search ("maxthon/") >-1) navProduct2 = arrUanp2[7].substring(5,11);
if (engine2.search ("khtml/") >-1) navProduct2 = arrUanp2[6].substring(0,5);
if (engine2.search ("presto/") >-1) navProduct2 = arrUanp2[6].substring(0,6);
if (engine2.search ("trident/") >-1) navProduct2 = arrUanp2[8].substring(0,7);
if (engine2.search ("win64") >-1) navProduct2 = arrUanp2[9].substring(0,7);
}
else if (engine2.search ("windows nt 5.1") >-1) {
var uAnp2 = navigator.userAgent;
var arrUanp2 = uAnp2.split(" ");
for(i = 0; i < arrUanp2.length; i++)
if (engine2.search ("chrome/") >-1) navProduct2 = arrUanp2[4].substring(5,11);
if (engine2.search ("safari/") >-1) navProduct2 = arrUanp2[4].substring(5,11);
if (engine2.search ("maxthon/") >-1) navProduct2 = arrUanp2[7].substring(5,11);
if (engine2.search ("khtml/") >-1) navProduct2 = arrUanp2[6].substring(0,5);
if (engine2.search ("presto/") >-1) navProduct2 = arrUanp2[6].substring(0,6);
if (engine2.search ("trident/") >-1) navProduct2 = arrUanp2[8].substring(0,7);
if (engine2.search ("win64") >-1) navProduct2 = arrUanp2[9].substring(0,7);
}
document.write(""+navProduct2+"");
//-->

and refer to it in the <body> of your html document

<script src="/js/layrendeng.js" type="text/javascript"></script>

Web Browser Layout/Rendering Engine - Displays:

 

Option 3.   Embed this script in the <body> of your html document

<script type="text/javascript">
<!--
var engine3 = navigator.userAgent.toLowerCase ();
var navProduct3 = navigator.product;
if (engine3.search ("windows nt 6.1") >-1) {
var uAnp3 = navigator.userAgent;
var arrUanp3 = uAnp3.split(" ");
for(i = 0; i < arrUanp3.length; i++)
if (engine3.search ("chrome/") >-1) navProduct3 = arrUanp3[5].substring(5,11);
if (engine3.search ("safari/") >-1) navProduct3 = arrUanp3[5].substring(5,11);
if (engine3.search ("maxthon/") >-1) navProduct3 = arrUanp3[7].substring(5,11);
if (engine3.search ("khtml/") >-1) navProduct3 = arrUanp3[6].substring(0,5);
if (engine3.search ("presto/") >-1) navProduct3 = arrUanp3[6].substring(0,6);
if (engine3.search ("trident/") >-1) navProduct3 = arrUanp3[8].substring(0,7);
if (engine3.search ("win64") >-1) navProduct3 = arrUanp3[9].substring(0,7);
}
else if (engine3.search ("windows nt 5.1") >-1) {
var uAnp3 = navigator.userAgent;
var arrUanp3 = uAnp3.split(" ");
for(i = 0; i < arrUanp3.length; i++)
if (engine3.search ("chrome/") >-1) navProduct3 = arrUanp3[4].substring(5,11);
if (engine3.search ("safari/") >-1) navProduct3 = arrUanp3[4].substring(5,11);
if (engine3.search ("maxthon/") >-1) navProduct3 = arrUanp3[7].substring(5,11);
if (engine3.search ("khtml/") >-1) navProduct3 = arrUanp3[6].substring(0,5);
if (engine3.search ("presto/") >-1) navProduct3 = arrUanp3[6].substring(0,6);
if (engine3.search ("trident/") >-1) navProduct3 = arrUanp3[8].substring(0,7);
if (engine3.search ("win64") >-1) navProduct3 = arrUanp3[9].substring(0,7);
}
document.write(""+navProduct3+"");
//-->
</script>

Web Browser Layout/Rendering Engine - Displays:

 

A web browser engine, sometimes called a layout or rendering engine, is a software component that takes marked-up content, such as HTML, XML, and image files, and formatting information, such as CSS, and XSL, and displays the formatted content on the screen. It paints on the content area of a window, which is displayed on a monitor or a printer. A web browser engine is typically embedded in web browsers, e-mail clients, online help systems, or other applications which require the displaying and editing of web content. The first web browsers were monolithic. Later they adopted a more modular approach and were split into a user interface and an engine. The engine does most of the work. It essentially takes a URL and a screen rectangle as arguments. It then retrieves the document corresponding to the URL and paints a graphical representation of it on the given rectangle. It handles links, cookies, scripting, plugin loading, and other matters. The user interface provides the menu bar, address bar, status bar, bookmark manager, history and preferences window, amongst other things. It embeds the engine and serves as an interface between the user and the engine. Since it provides the graphical elements surrounding the area in which the engine paints documents, the term chrome is sometimes used to refer to it. The advantage of this modular approach is it then becomes easy to embed web browser engines in a variety of applications. For example, the same engine used by a web browser can be used by an email client to display HTML mail. Online help systems, integrated in applications, have largely moved from using custom formats to using standard HTML, displayed with a web browser engine.





Hosted by Nominate