操作系统和操作系统版本之间的浏览器有什么不同吗?

时间:2018-04-12 10:28:17

标签: javascript css google-chrome firefox cross-browser

我想知道操作系统和操作系统版本之间的同一浏览器(例如Firefox和Chrome)之间是否存在差异?

因此,例如,Firefox 50.0和Chrome 64.0之间存在任何差异(两个随机版本,但我自然而然地指的是每个浏览器类型完全相同):

  • OS X El Capitan
  • OS X Sierra
  • OS X High Sierra
  • Windows 7
  • Windows 8
  • Windows 8.1
  • Windows 10

对于一些背景知识,产品有自己的内部原生播放器(HTML5和vanilla JS),我们需要为平台和浏览器版本提供广泛的支持,我们感兴趣的是,出于测试目的,如果操作系统和操作系统版本之间存在一些差异。

虽然我也对外观感兴趣(CSS渲染),但主要关注的是功能(JS或其他任何东西)。

1 个答案:

答案 0 :(得分:1)

是的,Windows,OS X和Linux之间存在差异。

原生差异

这些差异适用于Chrome和Firefox两种浏览器。 首先是在操作系统上创建一个窗口。

  

(info from Stack Overflow post)

     
      
  • Windows:Win32 API      
        
    • Windows 3.x
    •   
    • Windows 4
    •   
    • Windows 5.x.      
          
      • Windows 2000
      •   
      • Windows XP
      •   
    •   
    • Windows 6.x.      
          
      • Windows Vista
      •   
      • Windows 7
      •   
      • Windows 8
      •   
      • Windows 8.1
      •   
    •   
    • Windows 10
    •   
  •   
  • OS X:Cocoa
  •   
  • Linux:xLib,Wayland或XCB
  •   
     

如果浏览器(或任何程序)使用GTK+等库,也是如此。

引自Jiminy Christmas on QUORA并加上一些编辑。

  

Scrollbars是不同的,因为除非它们由CSS (Blink引擎上的可用内容)控制,否则它们将被绘制为本机GUI小部件(在上面的列表中可见渲染差异)< / em>和Windows滚动条通常与Mac OS滚动条不同。对于字体,除非字体是Web字体(来自网站)或通过Windows和Mac OS计算机上安装的其他方式,否则字体将“丢失”在一个字体上或者两者都是(对Linux而言),它只能在安装(或从网站)的计算机上正确显示。如果两者都缺少,则默认的后退字体在Windows和Mac OS 之间也会有所不同(然后会显示默认的浏览器版本)

     

CSS样式应该在大小和颜色方面相匹配,但这里也可能存在一些差异 - 例如,在Retina显示屏上绘制的网页看起来与在标准分辨率显示屏上绘制的网页不同(无论是Mac,Windows或Linux),因为缩放和颜色准确性不同。除非明确指定,否则行高和其他属性将因字体,文本大小和其他因素而异。

     

操作系统也使用完全不同的技术来绘制他们的图形界面(在上面的列表中显示),因此也会出现差异。

JavaScript,CSS,enz ...

与JS行为,CSS呈现以及其他类似内容的不同之处与以下内容不同:

  • JavaScript引擎
      

    (info from Wikipedia)

         
        
    • Mozilla Firefox:Gecko布局引擎,SpiderMonkey和Rhino
    •   
    • Google Chrome:V8引擎
    •   
  • CSS
      

    (info from Wikipedia)

         
        
    • Mozilla Firefox:Gecko
    •   
    • 谷歌浏览器:闪烁
    •   

ES和CSS标准应该给你相同的转售。
已知HTML标准对于不同操作系统上的输入字段和按钮具有不同的样式。