JS----Device.js 检测设备平台，操作系统的javascript

最新推荐文章于 2024-08-15 09:12:49 发布
最新推荐文章于 2024-08-15 09:12:49 发布
阅读量4.6k 收藏
点赞数
分类专栏： JScript.Jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/damys/article/details/46502467
版权

支持的设备有：
iOS: iPhone, iPod, iPad
Android: Phones & Tablets
Blackberry: Phones & Tablets
Windows: Phones & Tablets
Firefox OS: Phones & Tablets


使用：在head载入：<script src="device.js"></script>
它会自动在 <html> 标签添加一些设备平台，操作系统，方向相关的 CSS class，这样就能让你针对不同设备撰写不同的 CSS，并且还提供一些 Javascript 函数来判断设备
<html class="ios iphone mobile portrait">


 

生成的对比CSS Class：
		Device	CSS Classes
		iPad			ios ipad tablet
		iPhone			ios iphone mobile
		iPod			ios ipod mobile
		Android Phone	android mobile
		Android Tablet	android tablet
		BlackBerry Phone	blackberry mobile
		BlackBerry Tablet	blackberry tablet
		Windows Phone		windows mobile
		Windows Tablet		windows tablet
		Firefox OS Phone	fxos mobile
		Firefox OS Tablet	fxos tablet
		Desktop	desktop
		
	Orientation	CSS Classes
		Landscape	landscape
		Portrait	portrait
 

 

 

 

 Javascript 函数
 

 

	Device	JavaScript Method
		Mobile	device.mobile()
		Tablet	device.tablet()
		iOS		device.ios()
		iPad	device.ipad()
		iPhone	device.iphone()
		iPod	device.ipod()
		Android	device.android()
		Android Phone		device.androidPhone()
		Android Tablet		device.androidTablet()
		BlackBerry			device.blackberry()
		BlackBerry Phone	device.blackberryPhone()
		BlackBerry Tablet	device.blackberryTablet()
		Windows				device.windows()
		Windows Phone		device.windowsPhone()
		Windows Tablet		device.windowsTablet()
		Firefox OS			device.fxos()
		Firefox OS Phone	device.fxosPhone()
		Firefox OS Tablet	device.fxosTablet()
	
	Orientation	JavaScript Method
		Landscape	device.landscape()
		Portrait	device.portrait()
 

 Test： 

 

 

<script src="style/js/device.js"></script>
<script>
alert(device.mobile())  //返回true, false，来判断设备
</script>
 

 下载  
Device.js 

 


                

        

        

    

  


    

      

        

            

              
                
                  damys
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
device.js用于判断浏览器环境

				
			

			

				

					08-05
				

			

		

		

			
				
可用于判断运行环境是ios还是安卓，也可以判断是否是桌面，ipad

			
		

	



                

              
                



	

		

			

				
					
device.js: 一个简单的 JavaScript 库，用于检测设备类型和特性

				
			

			

				

					gitblog_00071的博客
				

				

					03-17
					
					477
					
				

			

		

		

			
				
device.js: 一个简单的 JavaScript 库，用于检测设备类型和特性
device.js 是一个轻量级的 JavaScript 库，它可以帮助开发者在网页中检测用户的设备类型（如桌面、手机或平板电脑），操作系统，浏览器信息等。这个库可以为响应式设计和移动优化提供有用的帮助。
使用场景
device.js 可以广泛应用于各种 Web 开发项目中，特别是在以下场景：

响应式设计：基于设...

			
		

	



                


  
              

                


	

		

			

				
					
推荐开源项目：DeviceJS - 精准识别设备类型的JavaScript库

				
			

			

				

					gitblog_00098的博客
				

				

					03-29
					
					563
					
				

			

		

		

			
				
推荐开源项目：DeviceJS - 精准识别设备类型的JavaScript库
 DeviceJsJS获取设备信息(操作系统信息、地理位置、UUID、横竖屏状态、设备类型、网络状态、浏览器信息、生成浏览器指纹、日期、生肖、周几等)项目地址:https://gitcode.com/gh_mirrors/de/DeviceJs 是一个轻量级的JavaScript库，用于帮助开发者准确地识别用户的设备类型...

			
		

	





	

		

			

				
					
设备检测工具：device.js

				
			

			

				

					weixin_33701294的博客
				

				

					08-15
					
					425
					
				

			

		

		

			
				
因为最近工作项目，开源了一个简单的设备检测的库：device.js。
市面上已经有些类似的东西，但，稍显复杂。
device.js
device.js会在html元素添加class，方便用css对页面元素控制，如下图所示：

API
device.js提供的api有：

IsTouch
IsAndroid
IsIPad
IsIPhone
...

			
		

	



		

			
		



	

		

			

				
					
html js判断设备,一个更容易检测设备的JavaScript库——device.js

				
			

			

				

					weixin_39755952的博客
				

				

					07-02
					
					937
					
				

			

		

		

			
				
decice.js的github地址device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统(比如 iOS，安卓，黑莓，Windows，Firefox OX)，方向(横屏或者竖屏)，类型(平板或者移动设备)，来为设备添加 CSS Class,并且它还提供了一些Javascript 函数用来判断设备。比如在PC端打开引入了device....

			
		

	





	

		

			

				
					
ng-device-detector：用于检测操作系统浏览器设备的角度模块

				
			

			

				

					01-31
				

			

		

		

			
				
角度模块检测操作系统/浏览器/设备  使用用户代理设置CSS类或可通过JS直接使用。 参见网站： :  安装 NPM  $ npm install ng-device-detector --save  凉亭 $ bower install ng-device-detector --save  浏览器...

			
		

	





	

		

			

				
					
ua-parser-js：UAParser.js-JavaScript库，用于从userAgent字符串检测浏览器，引擎，操作系统，CPU和设备类型模型。 支持浏览器和node.js环境

				
			

			

				

					02-15
				

			

		

		

			
				
 该库的目的是完全从用户代理字符串中识别出网络浏览器，布局引擎，操作系统，cpu体系结构和设备类型/模型的详细类型，并且占用空间较小（压缩后为〜17KB，压缩后为〜6KB）。 用香草JavaScript编写，这意味着它不...

			
		

	





	

		

			

				
					
device-detector-js：使用TypeScript编写的精确的用户代理解析器和设备检测器

				
			

			

				

					01-30
				

			

		

		

			
				
 Device-detector-js将解析任何用户代理，并检测浏览器，操作系统，使用的设备（台式机，平板电脑，移动设备，电视，汽车，控制台等），品牌和型号。 与Node.js一起使用，并在浏览器中。 该库经过了严格的测试，并...

			
		

	





	

		

			

				
					
meteor-device:Device.js周围的流星包装器– https

				
			

			

				

					05-20
				

			

		

		

			
				
除了设备类型，`Device.js` 还可以检测操作系统，如 `Device.isAndroid()` 和 `Device.isIOS()`，以及浏览器信息，这对于调试和优化特定环境下的性能十分有用。  使用 `meteor-device` 的优点在于，它无缝集成于 ...

			
		

	





	

		

			

				
					
行业分类-设备装置-跨平台交互的系统、方法及无线鼠标.zip

				
			

			

				

					09-09
				

			

		

		

			
				
在IT行业中，跨平台交互是现代技术发展的重要趋势，它涉及到操作系统、硬件设备以及软件应用之间的无缝连接。本文将深入探讨“跨平台交互的系统、方法及无线鼠标”这一主题，解析其背后的理论基础和实际应用。  首先...

			
		

	





	

		

			

				
					
DevicejsES6工具包库用于检测设备和浏览器属性

				
			

			

				

					08-12
				

			

		

		

			
				
Device.js：

			
		

	





	

		

			

				
					
前端项目-device.js.zip

				
			

			

				

					09-02
				

			

		

		

			
				
前端项目-device.js,device.js使基于设备操作系统（iOS、Android、BlackBerry、Windows、Firefox OS、MeeGo、AppleTV等）、方向（纵向与横向）和类型（平板电脑与移动设备）编写条件CSS和/或JavaScript变得容易。

			
		

	





	

		

			

				
					
device.js:一个简单的库，提供用于检测当前大小、运行大小更改事件等的设备助手

				
			

			

				

					06-03
				

			

		

		

			
				
设备.js
 一个简单的库，提供用于检测当前大小、运行大小更改事件等的设备助手。
用法
示例用法
 [removed]
    var options = {}; // see Options for more information on available options
    var device = new Device(options);
    alert(device.getSize());
    // ...
[removed]
选项
在设备助手初始化期间，您可以提供一些选项来自定义其行为。
 目前可用的选项是...
媒体查询
您可以指定用于将设备分类为小型和中型的媒体查询选择器。 您不需要为large指定媒体查询选择器，因为如果任何其他媒体查询选择器失败，这是默认大小。 
 mq: {
    small: '',
    

			
		

	





	

		

			

				
					
device.js 判断客户端是移动端还是PC端

				
			

			

				

					12-11
				

			

		

		

			
				
js判断客户端是移动端还是PC端,很不错的，值的下载收藏

			
		

	





	

		

			

				
					
Device.js – 快速检测平台、操作系统和方向信息

				
			

			

				

					weixin_34318956的博客
				

				

					10-25
					
					118
					
				

			

		

		

			
				
　　在 Web 项目中，有时候我们需要根据程序运行的环境采取特定操作。Device.js 是一个很小的 JavaScript 库，它简化了编写和平台，操作系统或浏览器相关的条件 CSS 或 JavaScript 代码。
您可能感兴趣的相关文章


10大流行的 Metro UI 风格 Bootstrap 主题
推荐35款精致的 CSS3 和 HTML5 网页模板
让人爱不释手的精美 W...

			
		

	





	

		

			

				
					
DeviceJs 项目使用教程

					
最新发布

				
			

			

				

					gitblog_00753的博客
				

				

					08-15
					
					400
					
				

			

		

		

			
				
DeviceJs 项目使用教程
 DeviceJsJS获取设备信息(操作系统信息、地理位置、UUID、横竖屏状态、设备类型、网络状态、浏览器信息、生成浏览器指纹、日期、生肖、周几等)项目地址:https://gitcode.com/gh_mirrors/de/DeviceJs 1. 项目的目录结构及介绍
DeviceJs 项目的目录结构如下：
DeviceJs/
├── src/
│   ├── ...

			
		

	





	

		

			

				
					
 一个更容易检测设备的JavaScript库——device.js

				
			

			

				

					weixin_34121282的博客
				

				

					12-01
					
					436
					
				

			

		

		

			
				
decice.js的github地址
device.js是一个可以用来检测设备的平台、操作系统和方向的JavaScript库。device.js 通过操作系统（比如 iOS，安卓，黑莓，Windows，Firefox OX），方向（横屏或者竖屏），类型（平板或者移动设备），来为设备添加 CSS Class,并且它还提供了一些Javascr...

			
		

	





	

		

			

				
					
JS判断移动设备最佳方法 并实现跳转至手机版网页

				
			

			

				

					lz305263的博客
				

				

					01-06
					
					473
					
				

			

		

		

			
				
我在开发的Magento或Wordpress主题时，通过都会制作手机版本，为了实现某个片段在手机端和桌面端不同功能，又或者如果是手机设备，就跳转到指定的网页上，那么这里就需要用到JS来做判断了，下面有一个简单的检测方法，经试验是可行的。

　　







　　方法一：纯JS判断

　　使用这方法既简单，又实用，不需要引入jQuery库，把以下代码加入到里即可。




			
		

	





	

		

			

				
					
利用Device.js判断设备进行网页布局

				
			

			

				

					xijiaoliumang的博客
				

				

					02-11
					
					1045
					
				

			

		

		

			
				
1.设备判断
首先在html中引入一个device.js库,然后使用内部的方法;




设备检测




设备

var device = document.getElementById("device");
//此部分为根据检测设备来更换css样式表;
if(device.mobile()){
device.innerHTML = "手机";
window.l

			
		

	





	

		

			

				
					
RT-Thread：智能硬件的开源操作系统

				
			

			

				

					
				

			

		

		

			
				
"OSTC2015-熊谱翔：智能设备开源操作系统RT-Thread"  在2015年的OSTC大会上，RT-Thread的创始人熊谱翔分享了关于智能硬件开源操作系统RT-Thread的主题演讲。RT-Thread是一个源自中国的开源嵌入式实时操作系统，自...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值