toc

前言

用户代理检测通过浏览器的用户代理字符串确定使用的是什么浏览器。
JavaScript 中可以通过 navigator.userAgent 访问。

Vue2中用户代理检测

在 Vue2 源码中，有一段用户代理检测。

var inBrowser = typeof window !== 'undefined';
var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;
var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
var UA = inBrowser && window.navigator.userAgent.toLowerCase();
var isIE = UA && /msie|trident/.test(UA);
var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
var isEdge = UA && UA.indexOf('edge/') > 0;
var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');
var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');
var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge;
var isPhantomJS = UA && /phantomjs/.test(UA);
var isFF = UA && UA.match(/firefox\/(\d+)/);

这段代码中，Vue2 不关心用户代理是否被篡改，选择相信浏览器返回的用户代理字符串，用来判断浏览器。因为 Vue2 的核心功能不在于 用户代理检测。

篡改用户代理字符串

console.log(window.navigator.userAgent);
// Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
window.navigator.__defineGetter__('userAgent', () => 'helloworld');
console.log(window.navigator.userAgent);
// helloworld

总结

浏览器用户代理字符串可以被篡改。

【JavaScript】用户代理检测的局限性相关推荐

javascript客户端检测技术
1. Firefox Gecko是firefox的呈现引擎.当初的Gecko是作为通用Mozilla浏览器一部分开发的,而第一个采用Gecko引擎的浏览器是Netscape6: 我们可以使用用户代理 ...
BOM之navigator对象和用户代理检测
前面的话 navigator对象现在已经成为识别客户端浏览器的事实标准,navigator对象是所有支持javascript的浏览器所共有的.本文将详细介绍navigator对象和用户代理检测属性 ...
用户代理检测与浏览器Ua详细分析
. 首页博客园联系我前言:用户代理字符串与用户代理检测. 先看结论/可用代码. 浏览器市场份额现状. Mozilla Firefox. Microsoft Internet Explorer. ...
JavaScript类型检测小结-http://bbs.51js.com/viewthread.php?tid=82661
老话题了,各种方案和相关讨论都不少,简单总结下: 悠久的typeof JavaScript里只有五种基本数据类型:number, string, boolean, null, undefined. 其 ...
什么才是正确的javascript数组检测方式
什么才是正确的javascript数组检测方式前面的话对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof ...
如何在JavaScript中检测用户的首选配色方案
by Oskar Hane 由Oskar Hane 如何在JavaScript中检测用户的首选配色方案 (How to detect a user's preferred color scheme i ...
userAgent，JS用户代理检测——判断浏览器内核、浏览器、浏览器平台、windows操作系统版本、移动设备、游戏系统
1.识别浏览器呈现引擎为了不在全局作用域中添加多余变量,这里使用单例模式(什么是单例模式?)来封装检测脚本.检测脚本的基本代码如下所示: 1 var client = function() { 2 ...
JavaScript数据类型检测总结
2019独角兽企业重金招聘Python工程师标准>>> 在js中,有四种用于检测数据类型的方式,分别是: typeof 用来检测数据类型的运算符 instanceof 检测一个实例是 ...
javascript漏洞-检测到目标站点存在javascript框架库漏洞
一般是让升级为最新的版本的脚本文件,但是实际使用过程中,有的插件不兼容,盲目升级会导致网站部分插件不可用. 下面是一种解决方案. 比如漏洞扫描出jquery:2.1.4.作以下处理: 一.根据web应 ...

【JavaScript】用户代理检测的局限性

前言

Vue2中用户代理检测

篡改用户代理字符串

总结

【JavaScript】用户代理检测的局限性相关推荐

最新文章

热门文章