浏览器支持消息弹出插件

时间:2013-04-17 17:16:47

标签: internet-explorer browser cross-browser

我知道有https://code.google.com/p/ie6-upgrade-warning/http://browser-update.org这样的插件非常方便警告用户不要使用IE6 / 7。

但是,如果我想更进一步并自定义检测以说明"抱歉,IE不受支持,请下载Chrome"?那里有插件吗?感谢

2 个答案:

答案 0 :(得分:12)

Stack Overflow是获得您正在寻找的答案的好地方,但有时候您正在寻找的答案并不是您实际需要的答案。在这种情况下,我必须给你以后,因为给你前者会对你和你的同伴造成极大的伤害。

不要试图检测单个浏览器,并将流量汇集到另一个浏览器中 - 这对业务不利,对您的职业生涯不利,对整个网络都有害。我的意思是没有不尊重,我只是作为一个观察网络十多年的人发言。

今天在Internet Explorer 6上的用户不在那里,因为它是他们最喜欢的浏览器,因此要求他们更改只会让他们感到沮丧,并可能使他们远离您的网站。更多关于这一点,以及Kyle Simpson的演讲中的相关观点Browser Versions are Dead。正如知名开发商Nicholas Zakas所说,It's time to stop blaming Internet Explorer

就Internet Explorer而言,最新的分期付款令人难以置信。 Internet Explorer 9标志着该产品的根本性变化,显示出对Web标准的日益增长的支持。此后Internet Explorer 10迅速发布(打破了2年发布周期的想法),并显示支持许多甚至不支持Chrome的“CSS3”功能。

行业本身似乎正在欣赏Internet Explorer,包括技术巨头Leo Laporte and Steve Gibson。 Lea Verou(Dabblet的创建者,PrismW3C Staff Member)已公开表示“IE 是几个版本之前的糟糕浏览器.IE10实际上非常好,而不仅仅是体面的“。另外,announced“jQuery 2.0现在为Chrome,Safari和Firefox提供了比Internet Explorer更多的补丁和垫片!”

我最近一次又一次地发现,当Internet Explorer 10呈现错误的内容时,它通常是由开发人员尝试某些“聪明的技巧”来检测Internet Explorer并提供替代内容引起的。最近的一个例子来自试图仅向IE7及以上提供内容的网站,执行以下操作:

if ( $.browser.msie && $.browser.version.substr(0, 1) < 7 ) {
    /* Assume this is IE6 or below, and deliver substandard experience */
}

这个小技巧建议版本“10.0”实际上是Internet Explorer 1,并带来了可怕的体验。修复此代码,导致IE获得为Chrome设计的相同体验,从而导致恢复的网站 - 一切正常工作。今天这种情况并不少见,它has happened结束了,并且一遍又一遍。

而不是专注于如何让访问者安装新软件以查看您的网站,而是专注于编写基于标准的标记,使用最佳实践,如渐进增强,功能检测,必要时的polyfill,并且没关系使您的网站在旧版浏览器中优雅地降级。毕竟,您的网站不需要在每个浏览器中look the same

最后,今天测试Internet Explorer的成本几乎已经消失。虽然它不适用于Mac和旧版本的Windows,但每个版本的Internet Explorer(6到10,现代和桌面版)都可以通过BrowserStack(3 months free,由Microsoft提供)以及通过modern.IE上免费下载的虚拟机。更不用说浏览器中的模拟,{ - 3}} CSS-Tricks的Chris Coyier。

关于Internet Explorer的未来,David Storey(最近的Opera和W3C WG成员)建议which excited

答案 1 :(得分:0)

我不会推荐一个警报,但我还是把它放在一起,只是因为我明白是什么驱使开发人员这种事情...... IE糟透了?真的?

jsFiddle

警报选项

<!--[if IE]>
<script>alert("Sorry, IE is not supported, Please download Chrome");</script>
<![endif]-->

较少侵入<div>选项

    <!--[if IE]>
<div id="box">Sorry, IE is not supported, <a href="https://www.google.com/intl/en/chrome/browser/?hl=en&brand=CHMA&utm_campaign=en&utm_source=en-ha-na-us-bk&utm_medium=ha">Please download Chrome</a></div>
<![endif]-->

只有当用户在IE中查看您的网页时,您才可以使用<!--[if IE]>来显示您想要显示的任何内容,也适用于css解决方案。