首页 > 其他分享 >收集篇 之 那些好玩又实用 JS 工具代码段(不断更新 ing)

收集篇 之 那些好玩又实用 JS 工具代码段(不断更新 ing)

时间:2022-11-10 21:05:32浏览次数:43  
标签:versions indexOf 代码段 JS PC iPhone navigator ing browser


LZ-Says:上班的时间过的真快,如何把握、如何更好的利用现有时间,是个问题,But,Just do it



收集篇 之 那些好玩又实用 JS 工具代码段(不断更新 ing)_JS


前言

Android 小白,转战各个平台,虽说被虐,But,乐在其中。

原谅我爱 Android 爱的如此深沉~

本片主要记录 LZ 在使用 JS 过程中发现的好的不错的代码段,不对之处欢迎拍砖~

Start 收录

为了省事儿,下面直接贴上 LZ 实际使用代码。

1. 判断当前是移动端还是 PC 端

{{-- 移动端 0  or PC 端标志 1 --}}
let isDeviceState;
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()
}
if (browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad) {
console.log("移动端");
isDeviceState = 0;
} else {
console.log("PC 端");
isDeviceState = 1;
}
console.log("设备标志:" + isDeviceState);

输出结果:

PC 端
设备标志:1

个人公众号

不定期发布博文,最近有点忙,感谢老铁理解,欢迎关注~



收集篇 之 那些好玩又实用 JS 工具代码段(不断更新 ing)_iphone_02


标签:versions,indexOf,代码段,JS,PC,iPhone,navigator,ing,browser
From: https://blog.51cto.com/u_13346181/5842084

相关文章

  • [JSOI2016]最佳团体
    [JSOI2016]最佳团体#include<bits/stdc++.h>usingnamespacestd;inlineintread(){ charch=getchar(); ints=0,f=1; for(;!isdigit(ch);ch=getchar())if(ch=='......
  • 处理Retrofit MalformedJsonException报错
    使用Retrofit配合GsonConverter,我们能很好地将网络响应内容转换成对应的对象。比如像下面这样。Retrofit网络接口方法publicinterfaceDroidNetwork{@GET("/content......
  • 2000 Using Second-Order Power Analysis to Attack DPA Resistant Software
    一、高阶DPA攻击一个n阶DPA攻击利用能量迹中n个对应于不同中间值的点攻击背景:对随机掩码异或(B操作)后的明文或密文再进行白化(C操作),则一阶DPA攻击无法成功......
  • Spring与Struts2的整合案例及XML配置的具体使用(四)
    东家蝴蝶西家飞,白骑少年今日归。愿,所有迷茫的人,都不再迷茫的,愿,所有努力工作的人,都可以得到应有的回报,愿,所有的人,都可以找到回家的方向,愿,再无苦痛,再无离别。上一章简单介绍......
  • Spring的包扫描开发与@Autowired与@Resource注解的区别(五)
    东家蝴蝶西家飞,白骑少年今日归。愿,所有迷茫的人,都不再迷茫的,愿,所有努力工作的人,都可以得到应有的回报,愿,所有的人,都可以找到回家的方向,愿,再无苦痛,再无离别。上一章简单介绍......
  • JS中的Map形式(十一)
    东家蝴蝶西家飞,白骑少年今日归。愿,所有迷茫的人,都不再迷茫的,愿,所有努力工作的人,都可以得到应有的回报,愿,所有的人,都可以找到回家的方向,愿,再无苦痛,再无离别。上一章简单介绍......
  • Spring整合Mybatis分析与编码
    Spring整合Mybatis分析与编码正文Mybatis在开发的过程中,必须要经过的步骤有数据表-实体类-实体类别名-mapper接口-mapper文件实现-mapper文件注册-mybatisAPI......
  • 说说关于Android使用Gson解析Json所需实体类的那些事~
    LZ-Says:技术,真的是日积月累,厚积薄发~前言目前解析json的方法有很多种,LZ个人认为使用Gson还是一种很不错的选择,因为使用Gson时,我们只需要考虑将json中参数和实体类属性一一对......
  • spring-boot 使用java -jar 启动失败
    问题 springcloudeureka项目打jar包,打成docker镜像,在k8s里起不来,没有日志,pod在无限次的重启。 dockerfile的启动命令sh-cjava-jareureka.jar排查过程1.新......
  • Git提示error setting certificate verify locations解决办法
    话说前一段时间从GitHub上更新提交代码,总是报如下的错误,给我郁闷的。Pushfailed:Failedwitherror:fatal:unabletoaccess‘​​https://github.com/HLQ-Struggle/Te......