Solved

Best way to detect Safari browser using jQuery

Posted on 2014-02-17
3
7,705 Views
Last Modified: 2014-02-17
I would like to know the best way to detect if a browser is specifically Safari using jQuery.

I am aware that webkit is shared by Chrome and Safari but I am specifically interested to know if the browser is Safari and nothing else.
0
Comment
Question by:mike99c
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 250 total points
ID: 39864926
var isSafari = navigator.vendor.indexOf("Apple")==0 && /\sSafari\//.test(navigator.userAgent); // true or false

Open in new window

0
 
LVL 13

Assisted Solution

by:duncanb7
duncanb7 earned 250 total points
ID: 39865077
Dear mike99c,

You can use the following javascript code to test Safari browser or not
I put the  document.write in if statement for Safari browser detection only
and display it into body tag.
And if it is not Safari browser, it will keep the  message of "It is NOT Safari Browser" in body tag.

The document.write you can put in other if statement for other browser you want to test

Hope I understand your question completely, if not please pt it out,
The code is Not fully tested

Duncan


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/WEB/INF/xhtml1-strict.dtd">                                                  
  <html> <head> <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8"/> 
  <meta http-equiv="CACHE-CONTROL" content="NO-STORE"/> 
  <meta http-equiv="EXPIRES" content="-1"/> 
  <title>Safari Browser Test</title> 
  <script type="text/javascript">
  function init(){
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var fullVersion  = ''+parseFloat(navigator.appVersion); 
var majorVersion = parseInt(navigator.appVersion,10);
var nameOffset,verOffset,ix;
// In Opera, the true version is after "Opera" or after "Version"
if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
 browserName = "Opera";
 fullVersion = nAgt.substring(verOffset+6);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
}
// In MSIE, the true version is after "MSIE" in userAgent
else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
 browserName = "Microsoft Internet Explorer";
 fullVersion = nAgt.substring(verOffset+5);
}
// In Chrome, the true version is after "Chrome" 
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
 browserName = "Chrome";
 fullVersion = nAgt.substring(verOffset+7);
}
// In Safari, the true version is after "Safari" or after "Version" 
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
 browserName = "Safari";
 fullVersion = nAgt.substring(verOffset+7);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
   
   txt ="<p id='pd0' style='color:blue'> It is Safarai Browser, Browser name  ="+browserName+'</p>';
   document.write(txt);
}
}
</script>
</head>
<body onload="init();">
It is NOT Safari Browser
</body>
</html>

Open in new window

0
 
LVL 13

Expert Comment

by:duncanb7
ID: 39865159
Thanks for your pt, there is a lot of  solution in google search
for Jquery browser detection but that might NOT  be
consistent and that some  is depended on the jquery plugin version.

You can simplify those javascript code for  your need that is not depend on
javascript version

Have a nice day

Duncan
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
The viewer will learn how to dynamically set the form action using jQuery.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now