zoukankan      html  css  js  c++  java
  • 浏览器兼容问题

    # 浏览器兼容问题 #
    **了解常见的浏览器内核 Trident,Geckos,Presto,Webkit**
     
    内核只是一个通俗的说法,英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

    ## Trident(IE的内核) ##
    IE浏览器(遨游、世界之窗、腾讯TT…都是IE)Trident内核最慢 
    IE 以Trident 作为内核引擎 

    ## Gecko(Firefox内核) ##
    开放源代码、以C++编写的网页排版引擎,是跨平台的 
    FireFox是基于 Gecko 开发; 

    ## webkit(Safari内核 Chrome内核) ##
    苹果公司自己的内核,google的chrome也使用webkit作为内核。 
    是一个开源的浏览器引擎,同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,它拥有清晰的源码结构、极快的渲染速度,包含的 WebCore 排版引擎和 JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来。 
    许多网站都是按照IE来架设的,很多网站不兼容Webkit内核,比如登录界面、网银等网页均不可使用Webkit内核的浏览器。 
    Safari([səˈfɑri]), Google Chrome, 傲游3, 猎豹浏览器, 百度浏览器 opera浏览器 基于 Webkit 开发。

    ## Presto(opera内核) ##
    目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。由Opera Software开发的浏览器排版引擎,Opera(欧朋浏览器),但由于市场选择问题,主要应用在手机平台–Opera mini 


    ## 三种模式 ##
    **保准     准标准    混杂/怪异**

    什么情况下回出现混杂/怪异模式?

    1. 没有 DOCTYPE
    2. 古老,错误的DOCTYPE
    3. DOCTYPE前出现内容

    ## 业务挂钩 ##

    ### 渐进增强 ###
     针对低版本浏览器构建页面保证基本功能,
    在针对高级浏览器进行效果,交互,性能等进行改进追加功能。
    ### 优雅降级 ###
    开始鬼剑完整功能在针对低版本浏览器进行兼容

  • 相关阅读:
    更换Ubuntu源为国内源的操作记录
    Dockerfile构建容器镜像
    Nginx负载均衡中后端节点服务器健康检查
    Linux系统下CPU使用(load average)梳理
    android:怎么实现一个控件与另一个指定控件左对齐
    Android Studio一直 Fetching Documentation...
    px、pt、ppi、dpi、dp、sp之间的关系
    Android中如何在代码中设置View的宽和高?
    硬中断与软中断的区别!
    Java 日期时间获取和显示
  • 原文地址:https://www.cnblogs.com/Edliu/p/7353577.html
Copyright © 2011-2022 走看看