BOM中的navigation，以及辨别浏览器的类型

最新推荐文章于 2022-11-03 23:12:49 发布

阮太太

最新推荐文章于 2022-11-03 23:12:49 发布

阅读量581

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_38409767/article/details/100085684

版权

web 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">

// Navigator
// - 代表当前浏览器的信息，用过该对象可以识别不同的浏览器
/*
- 由于历史原因Navigator对象中的大部分属性都不能帮我们识别浏览器了
-一般我们只会用userAgent来判断浏览器的信息,他是一个字符串，包含了用来描述浏览器信息的内容，不同的浏览器有不同的userAgent
      navigation:封装浏览器信息 -- 对象
         .cookieEnabled 判断是否启用了cookie 在客户全硬盘持久保存用户私密数据的小文件(例如：浏览器登录某个页面时，会让你记住密码，如果选择记住密码，就是启用了cooki)
         .plugins 浏览器安装的所有插件信息

  */
    	//   检查浏览器是否安装了 Chrome PDF Viewer 插件
		function checkPlugins (pname)  {
			/*// 获取navigator的plugins  得到的一个对象，保存在plugins
			var plugins = navigator.plugins;
			// 遍历plugins 
			for(var i = 0; i < plugins.length ; i ++){
				// 如果当前插件的name属性等于pname
				if(plugins[i].name == pname){
					// 返回true
					return true
				}
			}// 遍历结束
			// 返回false*/
			return navigator.plugins[pname] !== undefined;
		}
		document.write("<h1>" + checkPlugins('Chrome PDF Viewer') + "</h1>");
		document.write("<h1>" + checkPlugins('腾讯视频') + "</h1>");
 
 
 
     console.log(navigator .appName);//EI11及其他浏览器返回的都是Netscape
     console.log(navigator.userAgent);
     console.log(navigator.ActiveObject);
     /*
     userAgent：
     谷歌返回的是：Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

     火狐返回的是：Mozilla/5.0 (Windows NT 6.1; WOW64; rv:57.0) Gecko/20100101 Firefox/57.0
      */

/*
如果通过userAgent不能判断，还可以通过一些浏览器中特有的对象，来判断浏览器的信息
比如：ActiveObject但是这个函数只在IE里有，所以判断一下
*/

  // if(window.ActiveObject){
  // 	alert("这是IE浏览器")
  // }else{
  // 	alert("这不是IE浏览器");
  // }但是IE11还是会把window.ActiveObject的boolean值转换成false，IE11很恶心，所以换一种方法
   
  //   if("ActiveObject" in window){//这里是在判断浏览器中是否有ActiveObject这个属性，IE里就有
  // 	alert("这是IE浏览器")
  // }else{
  // 	alert("这不是IE浏览器");}
  
  //总结判断浏览器：
   var  ua = navigator.userAgent
   if(/Firefox/i.test(ua)){//运用正则表达式检查返回的字符串中是否有关键字
   	alert("火狐");
   }else if (/Chrome/i.test(ua)) {
   	alert("谷歌");
   }else if ("ActiveObject" in window) {
   	alert("ie")
   }
	</script>
</body>
</html>

阮太太

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM中的navigation，以及辨别浏览器的类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> // Navig...
复制链接

扫一扫