关于web前端开发,区别用户使用的终端设备代码
2024-09-03 10:58:57
对web前端开发,熟知不同的浏览器,的解析是基本技能,下面,我就向大家展示一下,如何获得当前用户所用的终端设备。车子一发动,请准备上车。。。。。。。。。。。。。。。。。。。
<script>
//判断客户端的设备
currentLang = navigator.language; //判断除IE外其他浏览器使用语言
if(!currentLang) { //判断IE浏览器使用语言
currentLang = navigator.browserLanguage;
}
//判断访问终端
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
//browser.versions.trident返回真假,真则是IE内核,以此类推browser.versions.webKit是否为谷歌内核
if(browser.versions.iPhone) {
alert("我是苹果设备");
}
if (browser.versions.webKit) {
alert("我是谷歌浏览器");
}
if (browser.versions.mobile) {
alert("我是移动端");
}else{
alert("我是PC端");
};
if(browser.versions.trident){
alert("我是IE浏览器");
}
if (browser.versions.presto) {
alert("我是欧朋浏览器");
}
if (browser.versions.gecko) {
alert("我是火狐浏览器");
}
</script>
最新文章
- Java Arrays类进行数组排序
- js事件模型与自定义事件
- 两个img之间出现间隙的解决方法
- JavaWeb学习总结(三)——Tomcat服务器学习和使用(二)
- Codeforces Gym 100114 A. Hanoi tower 找规律
- 【暑假】[深入动态规划]UVa 1628 Pizza Delivery
- hdu 1570 AC
- HttpServletRequest、request常用方法、request常见应用、请求转发、RequestDispatcher
- USB 传输协议
- C语言数据结构----递归的应用(八皇后问题的具体流程)
- 条形码(JBarcode)
- DotNetCore跨平台~Quartz定时单次任务
- 201521123050 《Java程序设计》第12周学习总结
- 什么是 Docker
- JavaScript判断苹果 iPhone X Series 机型
- IntelliJ IDEA/WebStrom破解及JDK配置
- python中的双冒号作用
- 记账本微信小程序开发一
- Uva LA 3902 - Network 树形DP 难度: 0
- linux smem 查看各进程使用memory情况