JS兼容性处理

JS兼容性处理

  1. 百度 – 终端适配API

    适合服务器端使用。POST客户端传递的http头信息越多,得到的适配信息越准确。百度返回的数据为:

    正确情况:
    {
        device_type :/*1:手机2:pc*/
        os:/*操作系统*/
        os_version:/*操作系统版本*/
        browser:/*浏览器*/
        browser_version:/*浏览器版本*/
        model:/*机型*/
        vendor:/*厂商*/
        tn: /*wml|middle|touch|utouch|iphone*/
    }

    服务器端代码可根据返回的值,来进行自定义判断,该给客户端返回何种数据。
    为防止过度依赖百度判断,可本地缓存每次客户端请求头数据,和百度返回的值,建立一个KEY、VALUE表,则某种类型客户端只要请求一次百度,本地自己的服务器即可自己判断了。

  2. 一段巧妙判断IE浏览器版本的js代码

    只有一行代码,只针对IE起作用,而且考虑了IE用户自选渲染模式、怪癖模式、支持IE5、6、7、8、9及10。

    <html>
    <script>
    var isIE=false;
    /*@cc_on isIE=(document.documentMode||( document.compatMode == "CSS1Compat" ? "XMLHttpRequest" in window ? @_jscript_version*10-50 : 6 : 5)) @*/
    alert(isIE);//非IE弹出False,IE则弹出5到10版本值
    </script>
    </html>

    最短判断是否IE的代码:

    if(-[1,]){
    alert("非IE");
    }else{
    alert("IE");
    }

    经过测试:IE9、IE10弹出“非IE”。

  3. 实际编码中,更多的将是采用“对象/特征”来判断浏览器能力的方式
    //添加事件工具函数
    function addEvent(el,type,handle){
        if(el.addEventListener){
         //for standard browses
            el.addEventListener(type,handle,false);
        }else if(el.attachEvent){
         //for IE
            el.attachEvent("on"+event,handle);
        }else{
         //other
            el["on"+type]=handle;
        }
    }

     

转载于:https://www.cnblogs.com/AsionTang/p/3330948.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100841.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • “ASP.default_aspx”并不包含“DropDownList1_SelectedIndexChanged”的定义,其解决方法。[通俗易懂]

    “ASP.default_aspx”并不包含“DropDownList1_SelectedIndexChanged”的定义,其解决方法。[通俗易懂]“ASP.default_aspx”并不包含“DropDownList1_SelectedIndexChanged”的定义,其解决方法。在使用DropDownList控件的DataBind方法,将ArrayList数组绑定在DropDownList空间中,执行程序,出现错误:…出现错误的原因:…解决方法:…

    2022年7月18日
    12
  • 最新朋友圈集赞生成器_朋友圈点赞生成器免费

    最新朋友圈集赞生成器_朋友圈点赞生成器免费大家好这是一款朋友圈积攒截图小程序里面内涵三款样式生成,一款图文,一款分享,一款查看的样式也就是我们微信朋友圈所用到的样式就包含了里面的流量主那些可以用户自由的添加哈!赞的数量那些可以用户自定义的哈另外所需的内容也是用户自定义的安装方法的话和往常一样!直接微信开发者工具打开源码然后设置一个合法域名上传审核就可以了合法域名在压缩包里面,搭建解压了就可以看到了小程序源码下载地址:…

    2022年9月5日
    4
  • docker部署服务器_docker服务启动

    docker部署服务器_docker服务启动部署Nginx寻找镜像dockersearchnginx:默认最新版官网查看不同的版本信息下载镜像dockerpullnginx[root@iZwz9hv1phm24s3jicy8x1Z~]#dockerimagesREPOSITORYTAGIMAGEIDCREATEDSIZEnginxlatest605c77e624dd3monthsago141MBcentos.

    2022年10月9日
    0
  • ps制作图案浮雕字效果_ps怎么设置文字浮雕效果

    ps制作图案浮雕字效果_ps怎么设置文字浮雕效果Q:ps如何做浮雕字A:小婷整理此问题:ps浮雕字怎么做的答案。如下面图像石头上面的浮雕字,在photoshop教程中的做法很多。小婷就以PS中图层样式中的“斜面和浮雕”来完成。感兴趣,不妨随意找一张图像,我们一起动手试试。 ps如何做浮雕字教程详细操做步骤如下:1.按下CTRL+O,弹出打开对话框,选择石头图像文件。2.按下CTRL+J,复制背景图层,得到图层1.3.

    2022年9月5日
    2
  • CSS绘画三角形

    CSS绘画三角形本案例使用CSS绘画了一个三角形的图案。预览演示地址:https://tympanus.net/codrops-playground/SaraSoueidan/kFTn9yJk/editor将下面的代码复制到演示地址对应位置即可查看效果&lt;!–HTML–&gt;&lt;divclass="container"&gt;&lt;divclass="eleme…

    2022年6月26日
    26
  • kbengine教程_如何简单的介绍自己

    kbengine教程_如何简单的介绍自己之前想分析一个开源服务器很久了,思前想后,还是选择了kbengine。KBEngine的服务端底层框架使用c++编写,游戏逻辑层使用Python(支持热更新)。现在服务器大多数是用C++做的,pyth

    2022年8月6日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号