gpt4 book ai didi

javascript - 为不同的浏览器添加类

转载 作者:行者123 更新时间:2023-11-28 12:44:20 24 4
gpt4 key购买 nike

我知道这是一个老问题。我想为主要针对 IE 版本的不同浏览器添加浏览器特定类。

我使用了下面提到的代码:

<!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="ie ie7 lte8 lte9"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="ie ie8 lte8 lte9"> <![endif]-->
<!--[if IE 9 ]> <html dir="ltr" lang="en-US" class="ie ie9 lte9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html dir="ltr" lang="en-US" class="not-ie"><!--<![endif]-->

这里的问题是现在条件注释从 ie10+ 消失了,我想要所有 ie 版本的特定类。如果我也能获得 webkit 和 moz 浏览器的类(class),那就太好了。

这样做的目的是从我现有的样式表中删除所有 css hack。

我想要一些东西应该像这样工作并且 JScript 解决方案也是可以接受的。

<!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="ie ie7 lte8 lte9"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="ie ie8 lte8 lte9"> <![endif]-->
<!--[if IE 9 ]> <html dir="ltr" lang="en-US" class="ie ie9 lte9"> <![endif]-->
<!--[if IE 10 ]> <html dir="ltr" lang="en-US" class="ie ie10"> <![endif]--> <!--no more work for 1e10+ -->
<!--[if IE 11 ]> <html dir="ltr" lang="en-US" class="ie ie11"> <![endif]--> <!--no more work for 1e10+ -->
<!--[if !IE]><!--><html dir="ltr" lang="en-US" class="not-ie"><!--<![endif]-->

最佳答案

在 javascript 中,您可以使用 navigator.userAgent 变量并检查它是否匹配 IE 用户代理(MSIE ** 或 Trident/**)

警告:Trident 是检查 IE 的新方法:

var newIEReg = new RegExp("Trident\/([0-9]+)\.0")
var oldIEReg = new RegExp("MSIE ([0-9]+)\.[0-5]+")
var ieVersion = -1;
if(navigator.userAgent.match(newIEReg))
{
ieVersion = parseInt(newIEReg.$1) + 4;
}
else if(navigator.userAgent.match(oldIEReg))
{
ieVersion = parseInt(oldIEReg.$1);
}

关于javascript - 为不同的浏览器添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25573883/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com