大佬教程收集整理的这篇文章主要介绍了html5 – 正确的方式使用Modernizr来检测IE?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个名为Pano2VR的应用程序输出HTML5和SWF。我需要iOS设备用户的HTML5。
但是,IE不渲染这个“HTML5”输出。看来他们的输出使用CSS3 3D变换和WebGL,一个或多个显然不支持IE9。
所以,对于那些用户我需要显示Flash版本。我计划使用IFRAME,并通过Modernizr脚本或document通过SRC。根据浏览器编写正确的IFRAME代码。
所有这些导致我如何使用Modernizr来检测简单的IE或不是IE?或检测CSS 3d变换?
还是有另一种方法来做到这一点?
你可以尝试钩在一个简单的检测脚本,像这样,然后使用它来做出选择。我还包括版本检测,以防万一需要。如果你只想检查任何版本的IE,你可以找到值为“MSIE”的navigator.userAgent。
var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "Other"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "UnkNown"; },searchString: function (data) { for (var i = 0; i < data.length; i++) { var dataString = data[i].String; this.versionSearchString = data[i].subString; if (dataString.indexOf(data[i].subString) !== -1) { return data[i].identity; } } },searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index === -1) { return; } var rv = dataString.indexOf("rv:"); if (this.versionSearchString === "Trident" && rv !== -1) { return parseFloat(dataString.subString(rv + 3)); } else { return parseFloat(dataString.subString(index + this.versionSearchString.length + 1)); } },dataBrowser: [ {String: navigator.userAgent,subString: "Edge",identity: "MS Edge"},{String: navigator.userAgent,subString: "MSIE",identity: "Explorer"},subString: "Trident",subString: "Firefox",identity: "Firefox"},subString: "Opera",identity: "Opera"},subString: "OPR",subString: "Chrome",identity: "Chrome"},subString: "Safari",identity: "Safari"} ] }; BrowserDetect.init(); document.write("You are using <b>" + BrowserDetect.browser + "</b> with version <b>" + BrowserDetect.version + "</b>");
然后,您可以简单地检查:
BrowserDetect.browser == 'Explorer'; BrowserDetect.version <= 9;
以上是大佬教程为你收集整理的html5 – 正确的方式使用Modernizr来检测IE?全部内容,希望文章能够帮你解决html5 – 正确的方式使用Modernizr来检测IE?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。