常见移动端/pc端浏览器终端js判断检测
移动端常见浏览器
var tools = {
// 微信
is_wxBrowser: function () {
return /micromessenger/.test(navigator.userAgent.toLowerCase());
},
// qq
is_QQBrowser: function () {
return navigator.userAgent.toLowerCase().match(/QQ/i) == 'qq'
},
// 微博
is_wbBrowser: function () {
return navigator.userAgent.toLowerCase().match(/WeiBo/i) == "weibo"
},
is_iOS: function () {
return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
},
is_android: function () {
return /android/i.test(navigator.userAgent);
},
};
使用方式
输出 true|| false
// 判断当前是否在微信中
console.log(tools.is_wxBrowser()) // false
PC端常见浏览器检测
var tools = {
browser: () => {
const userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
const isOpera = userAgent.indexOf("Opera") > -1;
if (isOpera) {
return "Opera"
}
//判断是否Opera浏览器
if (userAgent.indexOf("Firefox") > -1) {
return "FF";
} //判断是否Firefox浏览器
if (userAgent.indexOf("Chrome") > -1) {
return "Chrome";
}
if (userAgent.indexOf("Safari") > -1) {
return "Safari";
} //判断是否Safari浏览器
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
} //判断是否IE浏览器
},
}
使用方式
输出具体浏览器别名
console.log(tools.browser()); // Chrome -> Chrome浏览器
相关内容
-
为什么css放上面js放下面
css放上面js放下面的原因：1、在加载html生成DOMtree的时候，可以同时对DOMtree进行渲染，这样可以防止闪跳，白屏或者布局混乱；2、javascript加载后会...
-
js如何修改css
js修改css的方法：1、使用【obj.style.cssTest】来修改嵌入式的css；2、使用【bj.className】来修改样式表的类名；3、使用更改外联的css文件，...
-
js如何改变css样式
js改变css样式的方法：1、使用cssText方法；2、使用【setProperty()】方法；3、使用css属性对应的style属性。本教程操作环境：windows7系统、...
-
如何使用纯CSS、JS实现图片轮播效果
本篇文章给大家详细介绍一下使用纯CSS、JS实现图片轮播效果的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。<!DOCTYPEhtml>&l...
-
js如何修改css样式
js修改css样式的方法：1、使用【obj.className】来修改样式表的类名；2、使用【obj.style.cssTest】来修改嵌入式的css；3、使用【obj.cla...
-
聊聊CSS 与 JS 是如何阻塞 DOM 解析和渲染的
本篇文章给大家介绍一下CSS和JS阻塞DOM解析和渲染的原理。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。hello~各位亲爱的看官老爷们大家好。估计大家都...
-
tp5如何引入css文件
tp5引入css文件的方法：1、将css文件放在public目录下的static文件里即可；2、在页面引入中写上“<linkrel="stylesheet&qu...
-
10款好看且实用的文字动画特效，让你的页面更吸引人！
图片和文字是网页不可缺少的组成部分，图片运用得当可以让网页变得生动，但普通的文字不行。那么就可以给文字添加一些样式，实现一下好看的文字效果，让页面变得更交互，更吸引人。下面PH...
-
HTML+CSS+JS实现雪花飘扬（代码分享）
使用HTML+CSS+JS如何实现下雪特效？下面本篇文章给大家分享一个HTML+CSS+JS实现雪花飘扬的示例，希望对大家有所帮助。很多南方的小伙伴可能没怎么见过或者从来没见过...
-
详细介绍下js中的window与document
首先我们来看看window，它代表的是浏览器中一个打开的窗口。对象属性 window//窗口自身 window.self//引用本窗户window=window.self ...
