JS识别访问端设备

最新推荐文章于 2025-07-28 09:06:50 发布

CinseYoung

最新推荐文章于 2025-07-28 09:06:50 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：知识点文章标签：屏幕适配手机端 PC端识别 JS

本文链接：https://blog.youkuaiyun.com/linggty/article/details/79203231

知识点专栏收录该内容

6 篇文章

订阅专栏

为了优化手机端和PC端的显示效果，开发者通常需要根据设备类型编写不同的页面。通过一段简单的JS代码，可以实现网页对访问设备的智能识别，从而实现屏幕适配和用户体验的提升。

我们在做网页的时候为了让手机端和 PC 端都有更好的显示效果，通常会针对不同设备做不同页面，要让网页识别出不同的设备，只要加入下面 js 代码即可：

<script type="text/javascript">
    var system ={};  
       var p = navigator.platform;       
       system.win = p.indexOf("Win") == 0;  
       system.mac = p.indexOf("Mac") == 0;  
       system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);     
       if(system.win||system.mac||system.xll){//如果是电脑跳转到
               window.location.href="#";  
       }else{  //如果是手机,跳转到
              window.location.href="#";  
       }
</script>