JavaScript获取浏览器信息的方法


Posted in Javascript onNovember 20, 2015

Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息.

JavaScript代码如下:

function message()
{ 
txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; 
txt+= "<p>浏览器平台和版本: " + navigator.appVersion + "</p>";
txt+= "<p>是否开启cookie: " + navigator.cookieEnabled + "</p>";
txt+= "<p>操作系统平台: " + navigator.platform + "</p>"; txt+= "<p>User-agent头部值: " + navigator.userAgent + "</p>"; 
document.getElementById("example").innerHTML=txt; 
if ((navigator.appName=="Netscape" || navigator.appName=="Microsoft Internet Explorer") && (parseFloat(navigator.appVersion)>=4))
{ alert("您的浏览器够先进了!"); }
else 
{ alert("是时候升级您的浏览器了!");
} 
}

我们可以通过这个函数通知用户浏览器是否应该去更新浏览器,同样也可以帮用户得知浏览器的相关信息

各大浏览器的基本信息

楼主测试了几乎当前主流的浏览器,当然不管多少浏览器都是Trident,Blink,Gecko,Webkit这几种的浏览器内核,解析上不会有太大的出入,现附上相关截图如下:

这是Edge的

JavaScript获取浏览器信息的方法

IE11,楼主没有用IE6,不过应该不会有太大的出入

JavaScript获取浏览器信息的方法

Safari的,楼主是Window系统Safari版本比较低

JavaScript获取浏览器信息的方法

搜狗浏览器,曾经楼主也迷恋过它一段时间呢!

JavaScript获取浏览器信息的方法

QQ浏览器(微信版),比较给力,现在楼主除了Chrome用的最多的浏览器,双核Trident和Blink,Chrome内核下飞快

JavaScript获取浏览器信息的方法

360安全浏览器的兼容模式,用的是IE的Trident内核

JavaScript获取浏览器信息的方法

Firefox,不多说了,Netscape正版,开发者必备的浏览器

JavaScript获取浏览器信息的方法

Chrome.现在楼主用的最多的浏览器,Google实在是好,力挺

JavaScript获取浏览器信息的方法

360安全浏览器极速模式,Chrome内核,速度很快

JavaScript获取浏览器信息的方法

代码结果分析

JavaScript获取浏览器信息的方法

PS:javascript取得浏览器地址及参数方法

用javascript获取 url网址信息

执行 用javascript获取url网址信息 代码效果如下

location.host=www。dw。cn

location.hostname=www。dw。cn

location.href=http://www。dw。cn/news/2010-1/201011820131610618.shtml

location.pathname=/news/2010-1/201011820131610618.shtml

location.protocol=http:

详细介绍 window.location方法获取URL

统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:

scheme://host:port/path?query#fragment

scheme: 通信协议

常用的http,ftp,maito等

host:主机

服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号

整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径

由零或多个”/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询

可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP /ASP.NET等技术制作的网页)传递参数,可有多个参数,用”&”符号隔开,每个参数的名和值用”=”符号隔开。

fragment: 信息片断

字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.) 

示例:

1, window.location.href 

整个URl字符串(在浏览器中就是完整的地址栏)

返回值:http://www。dw。cn:80/index.asp?id=209#asp

2,window.location.protocol

URL 的协议部分

返回值:http:

 3,window.location.host

 URL 的主机部分,

 返回值:www。dw。cn

 4,window.location.port

 URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。

 本例返回值:空

 5,window.location.pathname

 URL 的路径部分(就是文件地址)

 返回值:/index.asp

 6,window.location.search

 查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值

 返回值:?id=209

 7,window.location.hash

 锚点

 返回值:#asp

Javascript 相关文章推荐
ExtJS Window 最小化的一种方法
Nov 18 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
选择器中含有空格在使用示例及注意事项
Jul 31 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
angular.js指令中的controller、compile与link函数的不同之处
May 10 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
vue按需加载组件webpack require.ensure的方法
Dec 13 Javascript
vue强制刷新组件的方法示例
Feb 28 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
JavaScript性能优化之小知识总结
Nov 20 #Javascript
Bootstrap每天必学之基础排版
Nov 20 #Javascript
详解JavaScript的回调函数
Nov 20 #Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 #Javascript
jquery动态增加删减表格行特效
Nov 20 #Javascript
跟我学习javascript的异步脚本加载
Nov 20 #Javascript
JavaScript获取各大浏览器信息图示
Nov 20 #Javascript
You might like
php中的一个中文字符串截取函数
2007/02/14 PHP
PHP中break及continue两个流程控制指令区别分析
2011/04/18 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
Vue精简版风格概述
2018/01/30 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
2018/11/19 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
说一说Python logging
2016/04/15 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Python目录和文件处理总结详解
2019/09/02 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
Python新手学习函数默认参数设置
2020/06/03 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
Html5 web本地存储实例详解
2016/07/28 HTML / CSS
孝敬父母的演讲稿
2014/05/14 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
党员个人承诺书
2015/04/27 职场文书
爱国电影观后感
2015/06/19 职场文书
运动会通讯稿600字
2015/07/20 职场文书
董事长致辞
2015/07/29 职场文书
《实心球》教学反思
2016/02/23 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书