首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

检测设备平台,操作系统,方向 Javascript 库:Device.js

Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的...Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平板或者移动设备),如下面在 iPhone 上的浏览的时候在 ...Tablets Blackberry: Phones & Tablets Windows: Phones & Tablets Firefox OS: Phones & Tablets 如何使用 Device.js...使用非常简单,只需要在页面的 head 载入相关的 JS 库即可: 生成的 CSS Class: Device CSS Classes...) Orientation JavaScript Method Landscape device.landscape() Portrait device.portrait() 下载:Device.js

85620
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Js检测数据类型

    无效 总结 对于基本数据类型, 除了null其他都会返回正常的结果 对于引用数据类型,除了function其他都会返回object 对于null,会返回object,历史遗留问题,也是bug,原因在于JS...A是不是B的实例,表达式是A instance B,返回的是boolean,instanceof检测的是原型,所以他的检测方式是,查看A的prototype是否出现在B的__proto__ 上,也可以理解为...,如果我们要对其检测,需要通过new方式,就可以了。...let str = new String('我是字符串') console.log(str instanceof String) //true 检测引用数据的类型全部正确,所以一般来讲这个方法我们是用于检测引用数据类型的...需要注意的是 检测类型的返回值并不是直接可以使用 是这种格式的[object Array],需要自己进行处理,后面的就是我们的格式 封装 日常开发中,最为准确的就是第三中方法,所以,这里我们来封装一个检测数据类型的方法

    3K40

    通过JS检测当前设备类型

    背景: 基友做了个APP,发了一排二维码,然后互相吐槽了一下,发现移动应用出现也一年了,虽然很简单,但是好像都懒得通过写个JS来判断然后发一个二维码让大家下载应用。...简介: 提供了几个JS接口,通过这几个JS接口,可以轻松获取到当前打开页面的浏览器类型,然后根据类型跳转到对应的链接。同时也提供了两个demo方便大家参考。...ZixieJS.browser.getSuperAPP 功能:判断是否为超级app 参数:无 返回值:ZixieJS.browser.app ZixieJS.browser.getOSDetail 功能:获取具体的PC 操作系统类型和版本号...核心代码 — Demo2: Demo2相关代码 - download.html: Demo2核心代码 — index.html:Demo首页 — res:页面相关资源 - brower.js...:核心代码 — tools.html:JS调用的整体事例。

    2.3K90

    重学JS基础-类型检测和转换

    一.类型检测 1.typeof方法 typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。...--字符串类型的变量或值 'number' --数字类型的变量或值 'object' --对象类型的变量或值,或者null(这个是js...(function(){} instanceof Object);//true console.log(function(){} instanceof Function);//true 不过它不能判断js...GFoo) // true}} 3.使用Object.prototype.toString.call() 调用Object.prototype.toString.call()方法可以判断出某个变量属于哪种js...但是js内部为我们完成了一系列处理(即装箱),使得它能够调用方法,实现的机制如下: 创建String类型的一个实例; 在实例上调用指定的方法; 销毁这个实例; 后台隐式做了如下操作 var s1 =

    1.4K10

    JS的数据类型及其检测

    )//true 从严格意义上来讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的 Number 这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于 JS...只要在当前实例的原型链上,我们用其检测出来的结果都是 true。在类的原型继承中,我们最后检测出来的结果未必准确。...但 constructor 检测 Object 与 instanceof 不一样,还可以处理基本数据类型的检测。...HTMLDocument] Object.prototype.toString.call(window) ; //[object global] window是全局对象global的引用 参考资料 1、【文章】[ JS...进阶 ] 基本类型 引用类型 简单赋值 对象引用(推荐) 2、JS 判断数据类型的三种方法 3、JS 中的数据类型及判断 4、Javascript 判断变量类型的陷阱 与 正确的处理方式 5、判断 JS

    1.7K20

    Html或JS语法检测之JSLint工具

    2、规则 JSLint 执行代码质量检测的原理核心在于用户设定的规则集。...此方式适用于对批量 js 文件使用同样的一组自定义规则。通过在待检测js 文件头部添加注释类型的规则,对单个 js 文件添加适用于该文件代码的特殊规则(second overwrite)。...此方式适用于对不同 js 文件设置特定的检测规则,通常用于在该文件中引入一些全局变量。 下面通过使用 JSLint 并结合不同规则,来对 JSLint 规则的适用范围和使用方法做一具体介绍。...解压 rhino 压缩包,里面包含了 rhino(js.jar) 和 jslint(jslint.js),我们将 js.jar 添加的操作系统的 classpath 里,方便随处执行;并将 jslint.js...> 打开 DOS 命令行,键入如下命令(将 JSLlint.js 和 test.js 放到当前命令行路径下),可以看到如图 5 所示的检测结果。

    4.1K70

    检测CSS和JS改动自动刷新脚本

    当我们在修改主题样式后,经常要做的一个重复动作就是按F5刷新网页,今天介绍一款神奇的小工具,可以检测CSS和JavaScript文件的变化,并自动刷新网页的JS脚本Live.js。...Live.js下载 将下载的live.js放到主题目录中,并使用下面的方法加载到当前的主题中,以放到主题js目录中为例, 将下面代码加到主题footer.php中: /js/live.js"> 或者加到主题functions.php中: wp_enqueue_script( 'live', get_template_directory_uri()...'/js/live.js', array(), version, false ); 之后,可以将浏览器窗口和编辑器窗口各占半个屏幕,在修改主题CSS文件保存后,不需要手动刷新,Live.js脚本会检测改动并自动刷新网页...插件名称:PBD Live.js for WordPress GitHub下载 百度网盘下载 该Live.js脚本不仅适用于WordPress主题,同样适合任何网页开发制作 。

    2.9K20
    领券