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 相关文章推荐
JS的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
子窗体与父窗体传值示例js代码
Aug 01 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
javascript中indexOf技术详解
May 07 Javascript
JavaScript对象学习小结
Sep 02 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
Apr 24 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
JavaScript 事件代理需要注意的地方
Sep 08 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
angular *Ngif else用法详解
Dec 15 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和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
JS location几个方法小姐
2008/07/09 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
javascript函数自动执行常用方法汇总
2016/03/28 Javascript
微信小程序 自定义消息提示框
2017/08/06 Javascript
ionic3 懒加载
2017/08/16 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
快速入手Python字符编码
2016/08/03 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
Windows下安装Scrapy
2018/10/17 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
Python字符串的常见操作实例小结
2019/04/08 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
python 多进程队列数据处理详解
2019/12/23 Python
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
工程造价自荐信
2013/10/09 职场文书
毕业生自荐信的主要内容
2013/10/29 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python