IE11和 Chrome,Firefox,Safari 等浏览器比有啥差距

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE11和 Chrome,Firefox,Safari 等浏览器比有啥差距相关的知识,希望对你有一定的参考价值。

区别如下:IE目前最大差距应该是扩展,IE11现在也有简单的类似于扩展的功能,但也是几乎没第三方的东西。IE目前没有很好的对扩展的支持是一方面,引起不了开发者与用户注意的生态也是个问题。
不过chrome早两年也没太多扩展,用着也挺顺手,主要是一些基础功能上的惊艳可以弥补当时与FF扩展的差距,比如地址栏tab键搜索、强大的调试工具、去掉标题栏的外观等等,各处都充满了让人一下就觉得舒服好用的细节,而IE相比之下就总显得哪里还是简陋笨重了些,比如前两天我想把chrome的书签栏的内容导入到IE11时发现的一个小细节,chrome的书签命名是可以为空的,也就是在书签栏上只显示一个网站logo不显示文字,我喜欢这种简洁风格,虽然IE11也支持长/短/无3种标题宽度,但如果我想一部分只显示图标另一些要保留文字IE11就没这么灵活了——例如书签栏上的文件夹,我没法通过一个文件夹图标识别里面是什么,必要保留文字,但其他单独的网页书签都要直接显示图标,在chrome下没问题而IE就做不到。
希望在spartan里可以把这些细节功能做得更人性化一些。
性能与兼容等方面对IE11还是比较满意的,至少没有能让我感受得到的差距,在内存占用等一些问题上比chrome做得还好。
参考技术A 1:IE浏览器,不会自动升级,兼容性比较低,调试也不好用,但是如果你是win系统又不能卸载IE浏览器,真是坑爹啊。
2:Chrome 浏览器 ,个人观点是最好的,基本开发者比较喜欢这个浏览器,兼容性是很好的,比如要调试,模拟手机,都很好。
3:火狐浏览器,开发者也是比较喜欢,有着不错的调试模式,有很多附加组件功能不错,firebug 等 但是有时候其他浏览器都兼容,就是火狐不行,真是坑。
4:safari 苹果浏览器,性能方面呢!苹果自带的浏览器,性能嘛,这个未了解。本回答被提问者采纳

表格布局问题 - Firefox 与 Chrome 和 IE7

【中文标题】表格布局问题 - Firefox 与 Chrome 和 IE7【英文标题】:Table layout problem - Firefox versus Chrome and IE7 【发布时间】:2010-11-08 01:24:06 【问题描述】:

我正在尝试布局一个 HTML 表格(它是表格数据),它在 Firefox 3.5 和 Chrome 2.0.172 中呈现不同(EDIT 和 IE7 - 像 Chrome 一样呈现表格)。

我有一个 div 里面的表:

<div id="listcontainer">
  <table class="tasklist">
    <colgroup>
      <col class="narrow" />
      <col class="wide" />
       more column definitions here 
    </colgroup>
 various code here 
  </table>
</div>

我有 div 和 table 的 css:

div#listcontainer 
    position: relative;
    float: left;
    width: 98%;
    padding: 0;
    border: 1px;
    overflow-x: scroll;


table.tasklist 
    width: auto;
    table-layout: auto;
    border: thin solid;
    font-size: 9pt;
    border-collapse: collapse;
    empty-cells: show;


col.narrow 
    min-width: 50px; 

col.wide 
    min-width: 200px; 

在 Firefox 中,表格比包含的 div 更宽,并且 div 上的滚动条允许用户滚动到其他列(这是预期的操作)。但是,Chrome 和 IE7 似乎忽略了列的 min-width 属性,并将整个表格塞进了包含的 div 中。这不是我想要的。我做错了什么?

编辑:我将 min-width 元素放在 thtd 元素本身上,而不是使用 colgroup,然后它在所有三个浏览器中都按预期呈现。使用 cols,检查 Chrome 中的元素表明 计算的样式 已呈现列宽以适合 div...

【问题讨论】:

【参考方案1】:

我不了解 chrome,但我相信 IE7 需要明确的“宽度:自动;”在元素上使其正确处理“最小宽度”。这似乎没有记录在 msdn 上,但它似乎出现在 google 上。

http://blog.throbs.net/2006/11/17/IE7+And+MinWidth+.aspxhttp://msdn.microsoft.com/en-us/library/ms530820(VS.85).aspx

(此外,在表和 colgroup 中使用 min-width 有一些限制,因此您所追求的可能实际上是不可能的。)

【讨论】:

以上是关于IE11和 Chrome,Firefox,Safari 等浏览器比有啥差距的主要内容,如果未能解决你的问题,请参考以下文章

prepend/append 适用于 Chrome 和 Firefox,但不适用于 IE11 和 Edge

firefox、ie和chrome的区别

使用 document.getElementById(formName).submit() 在 FireFox 中不起作用,在 Chrome 和 IE11 中起作用

无法使用 Edge 访问我的本地虚拟盒托管站点(适用于 Chrome/Firefox/IE11)

表格布局问题 - Firefox 与 Chrome 和 IE7

IE11和 Chrome,Firefox,Safari 等浏览器比有啥差距