3.1.4浏览器PPT精品课件.pptxVIP

了解浏览器，能够说出各主流浏览器的特点。学习目标1.1.4 浏览器1.1 网页相关知识 1.1.4 浏览器1.1 网页相关知识浏览器是网页展示的平台，只有经过浏览器渲染，用户才能看到图文并茂的网页。在浏览器的发展历史中，主流浏览器有很多。浏览器名称发布时间所属公司Internet Explorer（IE）1996微软Opera（欧朋）1996TelenorSafari2003苹果Firefox（火狐）2004Mozilla基金会Chrome（谷歌）2008谷歌Edge2015微软 1.1.4 浏览器1.1 网页相关知识Internet ExplorerInternet Explorer也被称为IE浏览器，IE浏览器由微软公司推出，直接绑定在Windows操作系统中，无需下载安装。我们在制作网页时，要考虑低版本浏览器的兼容问题。 1.1.4 浏览器1.1 网页相关知识OperaOpera也被称为欧朋浏览器，欧朋浏览器为来自挪威的一个极为出色的浏览器，具有速度快、节省系统资源、订制能力强、安全性高以及体积小等特点，但兼容性略差。 1.1.4 浏览器1.1 网页相关知识SafariSafari是苹果操作系统内置的浏览器。Safari浏览器外观时尚，速度快。 1.1.4 浏览器1.1 网页相关知识FirefoxFirefox也被称为火狐浏览器，火狐浏览器是Mozilla公司旗下的一款浏览器。火狐浏览器是一个自由并开源的网页浏览器，其可开发程度很高。任何一个具有编程知识的人都可以为火狐浏览器编写代码，增加一些个性化功能。 1.1.4 浏览器1.1 网页相关知识ChromeChrome也被称为谷歌浏览器，谷歌浏览器是由谷歌公司开发的网页浏览器。谷歌浏览器基于其他开放原始码软件所撰写，极大地提升了浏览器的稳定性、安全性和响应速度。 1.1.4 浏览器1.1 网页相关知识Chrome在2021年12月，百度统计国内浏览器的市场份额中，谷歌浏览器占据国内市场份额高达22.49%，在浏览器市场具有绝对的优势。 1.1.4 浏览器1.1 网页相关知识Chrome在谷歌浏览器中调试网页代码也非常简单，打开谷歌浏览器（以谷歌浏览器80.0.3987.87版本为例），按“F12”快捷键，即可打开调试面板。 1.1.4 浏览器1.1 网页相关知识Chrome在调试面板中，我们可以查看网页的内容结构和临时显示样式。当我们选择“ ”按钮后，将鼠标指针悬浮在网页中的某个模块，即可查看该模块的网页代码。 1.1.4 浏览器1.1 网页相关知识EdgeEdge是由微软公司推出的一款浏览器。Edge浏览器拥有比IE浏览器优化程度更高的代码结构，因此Edge浏览器的速度更快。现在的网页兼容调试也更倾向于Edge。 1.1.4 浏览器1.1 网页相关知识浏览器内核是浏览器最核心的部分，主要负责渲染网页，不同的浏览器内核对网页代码的解释也不同，因此同一网页在不同内核的浏览器中渲染（显示）效果也可能不同。目前常见的浏览器内核有Trident、Gecko、Webkit、Presto、Blink五种。Trident内核代表浏览器是IE浏览器，因此Trident内核又被称为IE内核。Trident内核只能用于Windows平台，并且该内核不是开源的。 1.1.4 浏览器1.1 网页相关知识Gecko内核代表浏览器是火狐浏览器。Gecko内核是开源的，最大优势是可以跨平台。Webkit内核代表浏览器是Safari浏览器以及老版本的谷歌浏览器。Gecko内核也是开源的。 1.1.4 浏览器1.1 网页相关知识Presto内核代表浏览器是欧朋浏览器。Presto内核渲染速度快，缺点就是为了提升响应速度丢掉了一部分网页兼容性。Blink内核由谷歌公司和欧朋公司共同开发。现在谷歌浏览器的内核是Blink。Edge浏览器也采用Blink内核。 1.1.4 浏览器1.1 网页相关知识值得一提的是在国内的一些浏览器大多采用双内核，例如360浏览器、猎豹浏览器采用Trident（兼容模式）和Webkit（高速模式）。 浏览器私有前缀是区分不同内核浏览器的标示。由于W3C组织每提出一个新属性，都需要经过一个耗时且复杂的标准制定流程。在标准还未确定时，部分浏览器已经根据最初草案实现了新属性的功能，为了与之后确定的标准进行兼容，各浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器再逐步支持不带前缀的CSS3新属性。浏览器私有前缀多学一招:1.1.4 浏览器1.1 网页相关知识 浏览器私有前缀多学一招:1.1.4 浏览器1.1 网页相关知识私有前缀浏览器-webkit-Chrome（谷歌）浏览器-moz-Firefox（火狐）浏览器-ms-IE浏览器-o-Opera（欧朋）浏览器 浏