Browser – Sibeesh Passion https://sibeeshpassion.com My passion towards life Wed, 02 Jun 2021 15:17:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 /wp-content/uploads/2017/04/Sibeesh_Passion_Logo_Small.png Browser – Sibeesh Passion https://sibeeshpassion.com 32 32 Find Browser And Browser Version Using jQuery https://sibeeshpassion.com/find-browser-and-browser-version-using-jquery/ https://sibeeshpassion.com/find-browser-and-browser-version-using-jquery/#disqus_thread Wed, 21 Oct 2015 00:17:20 +0000 http://sibeecst_passion.com/?p=10805 In this post we will see how we can find out the browser name and browser version by using jQuery. Here we will be using $.browser property og jQuery which returns the browser information. In this demo we will test this in most used browsers like Internet Explorer, Mozilla, Chrome, Opera. I hope you will like this.

NB: Using $.browser is not recommended by jQuery itself, so that this feature has been moved to the jQuery.migrate plugin which is available to download if the user want. It is a vulnerable practice to use the same. Use it only if needed. It is always better to do not use browser specific codes.

Using the code

First thing you need to do is create a page.

[html]
<!DOCTYPE html>
<html>
<head>
<title>Find Browser In JQuery – Sibeesh Passion</title>
</head>
<body>
Find Browser In JQuery – Sibeesh Passion
</body>
</html>
[/html]

Then you need to include the script needed.

[js]
<script src="http://sibeeshpassion.com/content/scripts/jquery-2.0.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
[/js]

As you have noticed I have included http://code.jquery.com/jquery-migrate-1.2.1.js. It is just because this feature is deprecated and moved to this js.

Now you need to write the scripts.

[js]
<script>
$(document).ready(function () {
if ($.browser.webkit) {
alert("Hooray WebKit!" +" Version: "+ $.browser.version);
} else if ($.browser.msie) {
alert("Hooray IE!" + " Version: " + $.browser.version);
} else if ($.browser.mozilla) {
alert("Hooray mozilla!" + " Version: " + $.browser.version);
}
$.each($.browser, function (i, val) {
$("<div>" + i + " : <span>" + val + "</span>")
.appendTo(document.body);
});
});
</script>
[/js]

We are appending the browser details to the DOM. So that it is always better to use some CSS to improve the readability.

[css]
<style>
div {
width: 500px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 10px;
box-shadow: 1px 1px 1px #999;
color: #f90;
font-style: oblique;
text-align: center;
}
</style>
[/css]

Now please run your browser, you can see the following output.

Find Browser And Browser Version Using jQuery

Find Browser And Browser Version Using jQuery

Find Browser And Browser Version Using jQuery

Find Browser And Browser Version Using jQuery

Find Browser And Browser Version Using jQuery

Find Browser And Browser Version Using jQuery

Complete Code

[html]
<!DOCTYPE html>
<html>
<head>
<title>Find Browser In JQuery – Sibeesh Passion</title>
<script src="http://sibeeshpassion.com/content/scripts/jquery-2.0.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script>
$(document).ready(function () {
if ($.browser.webkit) {
alert("Hooray WebKit!" +" Version: "+ $.browser.version);
} else if ($.browser.msie) {
alert("Hooray IE!" + " Version: " + $.browser.version);
} else if ($.browser.mozilla) {
alert("Hooray mozilla!" + " Version: " + $.browser.version);
}
$.each($.browser, function (i, val) {
$("<div>" + i + " : <span>" + val + "</span>")
.appendTo(document.body);
});
});
</script>
<style>
div {
width: 500px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 10px;
box-shadow: 1px 1px 1px #999;
color: #f90;
font-style: oblique;
text-align: center;
}
</style>
</head>
<body>
Find Browser In JQuery – Sibeesh Passion
</body>
</html>

[/html]

Conclusion

Did I miss anything that you may think which is needed? Have you ever wanted to find out the browser details in client side? Could you find this post as useful? I hope you liked this article. Please share me your valuable suggestions and feedback.

Your turn. What do you think?

A blog isn’t a blog without comments, but do try to stay on topic. If you have a question unrelated to this post, you’re better off posting it on C# Corner, Code Project, Stack Overflow, Asp.Net Forum instead of commenting here. Tweet or email me a link to your question there and I’ll definitely try to help if I can.

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/find-browser-and-browser-version-using-jquery/feed/ 0 Determine Which Browser Your Application is Running In https://sibeeshpassion.com/determine-which-browser-your-application-is-running-in/ https://sibeeshpassion.com/determine-which-browser-your-application-is-running-in/#disqus_thread Wed, 17 Jun 2015 01:00:38 +0000 https://sibeeshpassion.com/?p=2201 Introduction

Today we will learn how to determine in which browser your application is currently running. I hope you will like it.

Background

As you all know, nowadays it is important that our application must work in all the browsers. We cannot force our clients to work with only selected browsers. It is our duty to make our application work with all the browsers. Most of the applications may encounterr some issues with browser compatibility. I encountered some issues too. To make our application work with all the browsers, you must get the browser details at run time, only then we can write the relevant code depending on the browser. Here we will do that.

Using the code

Here I am using Visual Studio 2012. What I will do is to create a default page and when the page runs, we will fetch the browser details from the server.

So let us start

Here I will share two methods to do that.

Method 1

In this method, we will use a page with the following codes. This method does not need any server-side code.
[html]
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Default.aspx.cs” Inherits=“_Default” %>
<!DOCTYPE html>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head runat=“server”>
<title>Check in which browser your are running your applciation – SibeesPassion</title>
<style>
tr {
border: 1px solid #ccc;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<form id=“form1″ runat=“server”>
<div>
<%= Request.Browser.Browser %>
</div>
</form>
</body>
</html>
[/html]

We are fetching a variable Request.Browse. The browser that is generated by ASP.Net at run time, which means, when we run our application the call reaches the server and the server will generate the variable that contains the details about the browser.

If you run the page in any browser you will get the output as follows.

Figure 1: Google Chrome

Figure 2: Internet Explorer

Figure 3: Firefox (Mozilla)

Now will go to our second method.

Method 2

In this method we are fetching the browser details by writing some server-side code (C# and VB.Net). For this, please see the following codes.

C#
[csharp]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Configuration;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
HttpBrowserCapabilities myBrowser = Request.Browser;
Response.Write(“<p>Browser Capabilities:</p>”);
Response.Write(“Type = “ + myBrowser.Type + “<br>”);
Response.Write(“Name = “ + myBrowser.Browser + “<br>”);
Response.Write(“Version = “ + myBrowser.Version + “<br>”);
Response.Write(“Major Version = “ + myBrowser.MajorVersion + “<br>”);
Response.Write(“Minor Version = “ + myBrowser.MinorVersion + “<br>”);
Response.Write(“Platform = “ + myBrowser.Platform + “<br>”);
Response.Write(“Is Beta = “ + myBrowser.Beta + “<br>”);
Response.Write(“Is Crawler = “ + myBrowser.Crawler + “<br>”);
Response.Write(“Is AOL = “ + myBrowser.AOL + “<br>”);
Response.Write(“Is Win16 = “ + myBrowser.Win16 + “<br>”);
Response.Write(“Is Win32 = “ + myBrowser.Win32 + “<br>”);
Response.Write(“Supports Frames = “ + myBrowser.Frames + “<br>”);
Response.Write(“Supports Tables = “ + myBrowser.Tables + “<br>”);
Response.Write(“Supports Cookies = “ + myBrowser.Cookies + “<br>”);
Response.Write(“Supports VB Script = “ + myBrowser.VBScript + “<br>”);
Response.Write(“Supports JavaScript = “ + myBrowser.JavaScript + “<br>”);
Response.Write(“Supports Java Applets = “ + myBrowser.JavaApplets + “<br>”);
Response.Write(“Supports ActiveX Controls = “ + myBrowser.ActiveXControls + “<br>”);
Response.Write(“CDF = “ + myBrowser.CDF + “<br>”);
}
}
[/csharp]

VB.Net

[vb]
Imports System.Collections.Generic
Imports System.Linq
Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.Configuration
Public Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub Page_Load(sender As Object, e As EventArgs)
Dim myBrowser As HttpBrowserCapabilities = Request.Browser
Response.Write(“<p>Browser Capabilities:</p>”)
Response.Write(“Type = “ + myBrowser.Type + “<br>”)
Response.Write(“Name = “ + myBrowser.Browser + “<br>”)
Response.Write(“Version = “ + myBrowser.Version + “<br>”)
Response.Write(“Major Version = “ + myBrowser.MajorVersion + “<br>”)
Response.Write(“Minor Version = “ + myBrowser.MinorVersion + “<br>”)
Response.Write(“Platform = “ + myBrowser.Platform + “<br>”)
Response.Write(“Is Beta = “ + myBrowser.Beta + “<br>”)
Response.Write(“Is Crawler = “ + myBrowser.Crawler + “<br>”)
Response.Write(“Is AOL = “ + myBrowser.AOL + “<br>”)
Response.Write(“Is Win16 = “ + myBrowser.Win16 + “<br>”)
Response.Write(“Is Win32 = “ + myBrowser.Win32 + “<br>”)
Response.Write(“Supports Frames = “ + myBrowser.Frames + “<br>”)
Response.Write(“Supports Tables = “ + myBrowser.Tables + “<br>”)
Response.Write(“Supports Cookies = “ + myBrowser.Cookies + “<br>”)
Response.Write(“Supports VB Script = “ + myBrowser.VBScript + “<br>”)
Response.Write(“Supports JavaScript = “ + myBrowser.JavaScript + “<br>”)
Response.Write(“Supports Java Applets = “ + myBrowser.JavaApplets + “<br>”)
Response.Write(“Supports ActiveX Controls = “ + myBrowser.ActiveXControls + “<br>”)
Response.Write(“CDF = “ + myBrowser.CDF + “<br>”)
End Sub
End Class
[/vb]

What we do on the preceding code is, we are creating an object for HttpBrowserCapabilities and fetching the details from that object. Very simple. Now if you run your page, you will get the output as in the following.

Figure 4: Chrome.

Figure 5: Internet Explorer

Figure 6: Firefox (Mozilla)

Conclusion

I hope you will like this article. Please share me your valuable thoughts and comments. Your feedback is always welcomed.

Thanks in advance. Happy coding!

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/determine-which-browser-your-application-is-running-in/feed/ 0