js获取浏览器信息和页面信息

1.js获取浏览器信息:包含判断是否为移动端,以及浏览器信息,android版本

2.js获取页面url、domain、title

	function browserInfo() {
		var browser = {
			versions : function() {
				var u = window.navigator.userAgent;
				//android版本
				var num;
				if (u.indexOf('Trident') > -1) {
					//IE
					return "IE";
				} else if (u.indexOf('Presto') > -1) {
					//opera
					return "Opera";
				} else if (u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1) {
					//firefox
					return "Firefox";
				} else if (u.indexOf('AppleWebKit' && u.indexOf('Safari') > -1) > -1) {
					//苹果、谷歌内核
					if (u.indexOf('Chrome') > -1) {
						//chrome
						return "Chrome";
					} else if (u.indexOf('OPR')) {
						//webkit Opera
						return "Opera_webkit"
					} else {
						//Safari
						return "Safari";
					}
				} else if (u.indexOf('Mobile') > -1) {
					//移动端
					if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
						//ios
						if (u.indexOf('iPhone') > -1) {
							//iphone
							return "iPhone"
						} else if (u.indexOf('iPod') > -1) {
							//ipod
							return "iPod"
						} else if (u.indexOf('iPad') > -1) {
							//ipad
							return "iPad"
						}
					} else if (u.indexOf('Android') > -1
							|| u.indexOf('Linux') > -1) {
						//android
						num = u.substr(u.indexOf('Android') + 8, 3);
						return {
							"type" : "Android",
							"version" : num
						};
					} else if (u.indexOf('BB10') > -1) {
						//黑莓bb10系统
						return "BB10";
					} else if (u.indexOf('IEMobile')) {
						//windows phone
						return "Windows Phone"
					}
				}
			}
		}
		//浏览器版本
		var browserVsersion = browser.versions();
		//当前页面路径
		var url = window.location.href;
		//当前页域名
		var host = window.location.host;
		//当前页域名
		var host2=document.domain; 

		alert(host2);
		//当前页面标题
		var title = document.title;
		//来源地址url
		var referer;
		if (document.referrer.length > 0) {
			referer = document.referrer;
		}
		try {
			if (referer.length == 0 && opener.location.href.length > 0) {
				referer = opener.location.href;
			}
		} catch (e) {
			referer = window.location.href;
		}
		//当前页面来源url
		referer = referer.replace('http://', '');

	}

我的个人博客:http://blog.caicongyang.com ;

我的个人网站:http://www.caicongyang.com ;

我的CSDN博客地址: http://blog.csdn.net/caicongyang ;

时间: 2024-10-15 18:44:15

js获取浏览器信息和页面信息的相关文章

JS获取浏览器名称及版本信息

获取浏览器名称及版本信息,如果当前浏览器是IE,弹出浏览器版本,否则弹出当前浏览器名称和版本,详细实现代码请参考本文 // 获取浏览器名称及版本信息 function browserInfo() { var browser = { msie: false, chrome: false, firefox: false, opera: false, netscape: false, safari: false, appname: 'unknown', version: 0 }, userAgent

js获取浏览器信息及版本(兼容IE)

获取浏览器信息方法有很多种,但是要是兼容ie旧版本就有点麻烦了,因为很多方法在旧版本ie是不支持的,所以ie我做了单独处理,但是目前还有小问题,就是想显示QQ浏览器,搜狗浏览器..这样的,这样还实现不了,因为他们用的别人的浏览器内核,没办法 代码: <template> <section class="p-10"> <h1> {{ browse }} </h1> </section> </template> <

js 获取浏览器信息

执行步骤: 1.autoscan 2.vi configure.scan 3.mv configure.scan configure.in #                                               -*- Autoconf -*- # Process this file with autoconf to produce a configure script. AC_PREREQ([2.68]) AC_INIT([FULL-PACKAGE-NAME], [VE

JS 获取浏览器和屏幕宽高信息(转载)

JS 获取浏览器和屏幕宽高信息 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:documen

JS获取浏览器可视区域尺寸

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸: 同时,除了IE以外

js获取浏览器滚动条距离顶端的距离

最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存:    一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(docu

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小  一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到

js 获取浏览器名字版本

利用js 通过  userAgent 获取浏览器名字和版本信息 // 获取浏览器信息 function getExplorerInfo() { let explorer: any = window.navigator.userAgent; explorer = explorer.toLowerCase(); //ie if (explorer.indexOf('msie') >= 0) { let ver = explorer.match(/msie ([\d.]+)/)[1] || ''; r

js 获取浏览器高度和宽度值

js 获取浏览器高度和宽度值 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY