相关疑难解决方法(0)

在JavaScript中检测IE版本(v9之前)

如果他们使用的是Internet Explorerv9之前的版本,我想将我们网站的用户反弹到错误页面.我们的时间和金钱都不值得支持IE pre-v9.所有其他非IE浏览器的用户都很好,不应该被退回.这是建议的代码:

if(navigator.appName.indexOf("Internet Explorer")!=-1){     //yeah, he's using IE
    var badBrowser=(
        navigator.appVersion.indexOf("MSIE 9")==-1 &&   //v9 is ok
        navigator.appVersion.indexOf("MSIE 1")==-1  //v10, 11, 12, etc. is fine too
    );

    if(badBrowser){
        // navigate to error page
    }
}
Run Code Online (Sandbox Code Playgroud)

这个代码会起作用吗?

关闭一些可能会出现的评论:

  1. 是的,我知道用户可以伪造他们的useragent字符串.我并不担心.
  2. 是的,我知道编程专家更喜欢嗅出功能支持而不是浏览器类型,但我觉得这种方法在这种情况下没有意义.我已经知道所有(相关的)非IE浏览器都支持我需要的功能,并且所有pre-v9 IE浏览器都不支持.在整个站点中按功能检查功能将是一种浪费.
  3. 是的,我知道有人试图使用IE v1(或> = 20)访问该网站不会将'badBrowser'设置为true,并且警告页面将无法正确显示.这是我们愿意承担的风险.
  4. 是的,我知道微软有"条件评论",可以用于精确的浏览器版本检测.IE不再支持条件注释IE 10,使得这种方法绝对无用.

还有其他明显的问题需要注意吗?

javascript internet-explorer user-agent browser-detection

246
推荐指数
14
解决办法
38万
查看次数

如何针对某些情况(如Internet Explorer特定的CSS或特定于Internet Explorer的JavaScript代码)仅定位Internet Explorer 10?

如何针对某些情况(如Internet Explorer特定的CSS或特定于Internet Explorer的JavaScript代码)仅定位Internet Explorer 10?

我试过这个,但它不起作用:

<!--[if IE 10]>    <html class="no-js ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)

Internet Explorer 10忽略条件注释并使用<html lang="en" class="no-js">而不是<html class="no-js ie10" lang="en">.

html javascript css conditional-comments internet-explorer-10

159
推荐指数
10
解决办法
16万
查看次数

使用CSS功能/特征检测检测IE11

IE10 +不再支持浏览器检测标签来识别浏览器.

为了检测IE10,我使用JavaScript和功能测试技术来检测某些带ms前缀的样式,例如msTouchActionmsWrapFlow.

我想对IE11做同样的事情,但我假设所有的IE10样式也将在IE11中得到支持.任何人都可以帮我识别IE11中唯一可以用来分辨两者的风格或功能吗?

额外信息

  • 我不想使用用户代理类型检测,因为它是如此的参差不齐,并且可以更改,我想我已经读过IE11故意试图隐藏它是Internet Explorer的事实.
  • 有关IE10功能测试如何工作的示例,我使用此JsFiddle(不是我的)作为我测试的基础.
  • 此外,我期待很多答案"这是一个坏主意......".我对此的需求之一是IE10声称它支持某些功能,但实现得非常糟糕,我希望能够区分IE10和IE11 +,以便将来继续使用基于功能的检测方法.
  • 这个测试与Modernizr测试结合在一起,只会使一些功能"回退"到不那么迷人的行为.我们不是在谈论关键功能.

我也在使用Modernizr,但在这里没有用.我需要帮助解决我明确提出的问题.

sample feature-detection internet-explorer-11

77
推荐指数
6
解决办法
9万
查看次数

更新到IE11后模糊的背景图像

所以今天早上我得到IE 11的自动更新,在检查了我的眼睛后,我的一些背景图像看起来很模糊.

我不得不检查是不是我的图像导致问题,所以在启动Chrome之后,它们又好又清脆......我完全不知所措.

我现在已经卸载了IE11更新,它们在IE10中再次变得漂亮和清晰......有没有其他人遇到过这个?

我已经包含了一个屏幕截图,显示了不同浏览器中的图像.

IE 11模糊的背景图像

这是一个链接到一个jsfiddle,我没有IE11任何更长的测试,但它与我使用的相同的标记和CSS:http://jsfiddle.net/3g52E/

css background-image internet-explorer-11

13
推荐指数
1
解决办法
1万
查看次数

仅为IE11加载css(样式表)

我想css只为IE11浏览器加载一个文件.我该怎么做?

我知道我可以使用conditional comments加载样式表的IE <= 9.但不适用于IE 10和11.

我可以谷歌找到一个替代方案如下:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}
Run Code Online (Sandbox Code Playgroud)

但是,它加载IE10和IE11浏览器.我想为IE11 加载样式表.可能吗?

谢谢

html css stylesheet conditional-comments internet-explorer-11

7
推荐指数
1
解决办法
1万
查看次数

HTML/CSS在没有javascript的情况下检测IE11

我一直在使用以下技巧来制作特定于浏览器的html:

<!--[if (IE)]>  <div class= "ie"> <![endif]-->
<!--[if !(IE)]><!--> <div class= "not_ie"> <!--<![endif]-->
</div>
Run Code Online (Sandbox Code Playgroud)

这不适用于IE11.有什么新技巧可以使用吗?

我可以使用javascript检测它:

使用CSS功能/特征检测检测IE11

要么

Object.hasOwnProperty.call(window, "ActiveXObject") && !window.ActiveXObject)
Run Code Online (Sandbox Code Playgroud)

但我希望避免这种情况.

html css internet-explorer-11

6
推荐指数
1
解决办法
2万
查看次数

仅使用CSS为电话号码添加空格

我有一个用HTML生成电话号码的页面,如下所示:

<div class="phone">01987123456</div>
Run Code Online (Sandbox Code Playgroud)

我想要的只是在数字中放一个空格,如下所示:

01987 123456
Run Code Online (Sandbox Code Playgroud)

生成的数字和HTML将始终相同,但我只能访问客户端代码(HTML/CSS/Javascript/etc).

我希望找到一种方法来实现所有这一切,如果可能的话不使用Javascript,所以理想情况下我正在寻找CSS或HTML的答案.

我很确定这可以在Javascript中相当容易地完成,但是即使Javascript被禁用,客户也希望确保电话号码格式正确(不要问).

我想要最有效和最有效的方法来将数字改为我想要的.如果有人能够弄清楚如何在数字中添加括号(如下所示(01987) 123456:)以及仅使用CSS/HTML的空间,您将立即得到正确的标记以及我永恒的感激之情.


编辑:

我认为CSS是用于设计的,我已经是一个15年以上的Web开发人员了.我真的可以用CSS黑客来制作我想要的东西,并且向客户解释网页设计的基础知识遗憾的是不是一种选择(他们认为他们知道的更好,我无法对他们做出任何决定).我有点噩梦,我需要你的帮助!

我知道可以使用CSS将内容添加到页面中content.我知道::first-letter@gillesc在评论中提到的方法.我希望这样的事情可以帮助我.

客户端使用现代浏览器,因此CSS3解决方案就可以了.

不,我不能改变输出的HTML.

html css

6
推荐指数
1
解决办法
7824
查看次数