浏览器兼容性测试、网站调试与发布 PPT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网站设计人员。在设计和制作网站的过程中，做好浏览器兼容性测试工 作，尽量回避使用极易造成页面显示效果差异的HTML标记属性、CSS属 性，这样才能够让网站在不同的浏览器下都正常显示。 浏览器软件开发人员。在开发和升级浏览器软件时应自觉遵守W3C推荐 的HTML、CSS、JavaScript各类版本的规范，让所开发的浏览器软件对 标准的更好兼容能够给用户更好的使用体验。 最终用户。建议用户尽量使用世界五大主流的浏览器，分别是IE、 Chrome、Firefox、Safari、Opera；尽量使用最新版本的浏览器。 网站测试人员。测试人员需要选择好的浏览器兼容性测试工具，及时完 成网站跨系统、跨设备、跨浏览器的测试工作，及时将结果反馈给网站 开发人员，让开发人员对网站进行深度优化设计，从而使开发的网站有 更高的可用性和更好的用户体验。
常用的Web服务器-Microsoft IIS
2.Microsoft IIS Microsoft的Web服务器产品为Internet Information Server（IIS），IIS是允许在公共 Intranet或Internet上发布信息的Web服务器。IIS是 目前最流行的Web服务器产品之一，很多著名的网 站都是建立在IIS的平台上。IIS提供了一个图形界面 的管理工具，称为Internet服务管理器，可用于监视 配置和控制Internet服务。
常用的Web服务器-Apache
1.Apache Apache(官方网站http://www.apache.org)是世 界排名第一的Web服务器，世界上50%以上的Web 服务器都在使用Apache。1995年4月，最早的 Apache(0.6.2版)由Apache Group公布发行。它是 由当时最流行的HTTP服务器NCSA httpd 1.3的代码 修改而成的，因此是“一个修补的（a patchy）” 服务器。世界上很多著名的网站都是Apache的产物 ，它的成功之处主要在于它的源代码开放、有一支 开放的开发队伍、支持跨平台的应用（可以运行在 几乎所有的UNIX、Windows、Linux系统平台上） 以及它的可移植性等方面。
17.1.1 网站概况在线测试工具
所谓在线测试工具，是指在提供浏览器兼容性 测试服务的 Web网站上进行跨浏览器、跨设备、跨系 统的测试工作，然后通过屏幕截图或在线查看等方 式将测试结果反馈给网站管理员。
例如 BrowserStack 网站就是一个提供网站浏览器兼容 性测试的在线云端应用，该测试工具支持 9 大操作系统上的 100多款浏览器。支持本地测试，并且预装有完备的开发者工 具。BrowserStack在近期发布了 API，移动开发者将会进一 步提高测试效率。 BrowserStack( 官方网站 http://www.browserstack.com/) 可以帮助开发者在 Windows和Mac两个系统上都可以对浏览 器中的HTML、CSS、Javascript语言进行安全地测试。
MultiBrowser功能简介
该软件菜单栏中有Home、Option、Design、VIEw、 Compare等菜单，每一个菜单又包括若干个功能区等。
17.2
17.2.1 IE IETester
Web网页调试工具
IETester(http://www.my-debugbar.com/wiki/)是一款IE浏 览器多版本测试工具，能方便在IE5.5～IE11之间切换，只需 安装一个软件，不需要安装多个IE浏览器，具有Office 2007 的可视化界面。
17.2.3
Opera Dragonfly
Dragonfly(蜻蜓)是类似Firebug的开发工具，允许开发 者在Opera浏览器上调试网页或Web应用程序。Opera在 BSD许可证下公布了Dragonfly的源代码。 Dragonfly能够调试JavaScript，查看CSS和DOM，显 示任何网页的错误，Dragonfly让开发工程师无论是在计算机 上还是手机上通过Opera调试网页更加简单。
17.1.2 本地测试工具
所谓本地测试工具,是指需要下载相关的软件包 进行本地安装和设置后才能对网站进行器、跨设备 、跨系பைடு நூலகம்的测试工作，可以现场在不同版本的浏览 器中查看页面的显示效果，一目了然。 例如比较有名的是IE Tester、SuperPreview ，不过只能测试IE各个版本的兼容性。现在Chrome 、Firefox、Safari、Opera等浏览器所占市场份额 越来越高，要测试在非IE浏览器中的兼容性,还需要 使用其他的本地化测试工具。下面以Multibrowser 为例介绍多浏览器兼容性测试。
17.2.2
FireFox Firebug
Firebug(最新插件版本firebug-2.0.8-fx.xpi)是Firefox浏览 器下一个出色的网页设计插件，随着浏览器的发展，Firebug也推 出了支持IE、Opera、Chrome的Firebug Lite。凭借Firebug的出色 代码调试功能，Firefox成为了网页设计人员的必备浏览器，虽然 其他浏览器软件也开发了类似的插件，但总体来说Firebug功能仍 然占据了上风。
第17章浏览器兼容性测试、网站调试与发布(选讲)
教学目标
掌握常用的浏览器兼容性测试工具。 能够根据浏览器兼容性测试结果对网站进行微调和 优化。 学会使用各类Web网页调试工具。
熟悉各类网站发布平台的特点。
学会安装与配置Web服务器。
17.1
浏览器兼容性测试工具
解决浏览器兼容性问题需要从多个方面着手：
17.3
网站发布工具
搭建WEB服务器是一项重要工作。Web服务器也称为 WWW(World Wide Web)服务器，主要功能是提供网上信息浏览 服务。WWW是Internet的多媒体信息查询工具，是Internet上 发展最快和目前应用的最广泛的服务。
17.3.1
常用的Web服务器
使用最多的Web Server服务器软件有两个：微 软的IIS(Internet Information Services)和Apache Group发行的Apache。
常用的Web服务器-Microsoft IIS
2.Microsoft IIS Microsoft的Web服务器产品为Internet Information Server（IIS），IIS是允许在公共 Intranet或Internet上发布信息的Web服务器。IIS是 目前最流行的Web服务器产品之一，很多著名的网 站都是建立在IIS的平台上。IIS提供了一个图形界面 的管理工具，称为Internet服务管理器，可用于监视 配置和控制Internet服务。
常用的Web服务器-Apache
1.Apache Apache(官方网站http://www.apache.org)是世 界排名第一的Web服务器，世界上50%以上的Web 服务器都在使用Apache。1995年4月，最早的 Apache(0.6.2版)由Apache Group公布发行。它是 由当时最流行的HTTP服务器NCSA httpd 1.3的代码 修改而成的，因此是“一个修补的（a patchy）” 服务器。世界上很多著名的网站都是Apache的产物 ，它的成功之处主要在于它的源代码开放、有一支 开放的开发队伍、支持跨平台的应用（可以运行在 几乎所有的UNIX、Windows、Linux系统平台上） 以及它的可移植性等方面。
17.1.1 网站概况在线测试工具
所谓在线测试工具，是指在提供浏览器兼容性 测试服务的 Web网站上进行跨浏览器、跨设备、跨系 统的测试工作，然后通过屏幕截图或在线查看等方 式将测试结果反馈给网站管理员。
例如 BrowserStack 网站就是一个提供网站浏览器兼容 性测试的在线云端应用，该测试工具支持 9 大操作系统上的 100多款浏览器。支持本地测试，并且预装有完备的开发者工 具。BrowserStack在近期发布了 API，移动开发者将会进一 步提高测试效率。 BrowserStack( 官方网站 http://www.browserstack.com/) 可以帮助开发者在 Windows和Mac两个系统上都可以对浏览 器中的HTML、CSS、Javascript语言进行安全地测试。
MultiBrowser功能简介
该软件菜单栏中有Home、Option、Design、VIEw、 Compare等菜单，每一个菜单又包括若干个功能区等。
17.2
17.2.1 IE IETester
Web网页调试工具
IETester(http://www.my-debugbar.com/wiki/)是一款IE浏 览器多版本测试工具，能方便在IE5.5～IE11之间切换，只需 安装一个软件，不需要安装多个IE浏览器，具有Office 2007 的可视化界面。
17.2.3
Opera Dragonfly
Dragonfly(蜻蜓)是类似Firebug的开发工具，允许开发 者在Opera浏览器上调试网页或Web应用程序。Opera在 BSD许可证下公布了Dragonfly的源代码。 Dragonfly能够调试JavaScript，查看CSS和DOM，显 示任何网页的错误，Dragonfly让开发工程师无论是在计算机 上还是手机上通过Opera调试网页更加简单。
17.1.2 本地测试工具
所谓本地测试工具,是指需要下载相关的软件包 进行本地安装和设置后才能对网站进行器、跨设备 、跨系பைடு நூலகம்的测试工作，可以现场在不同版本的浏览 器中查看页面的显示效果，一目了然。 例如比较有名的是IE Tester、SuperPreview ，不过只能测试IE各个版本的兼容性。现在Chrome 、Firefox、Safari、Opera等浏览器所占市场份额 越来越高，要测试在非IE浏览器中的兼容性,还需要 使用其他的本地化测试工具。下面以Multibrowser 为例介绍多浏览器兼容性测试。
17.2.2
FireFox Firebug
Firebug(最新插件版本firebug-2.0.8-fx.xpi)是Firefox浏览 器下一个出色的网页设计插件，随着浏览器的发展，Firebug也推 出了支持IE、Opera、Chrome的Firebug Lite。凭借Firebug的出色 代码调试功能，Firefox成为了网页设计人员的必备浏览器，虽然 其他浏览器软件也开发了类似的插件，但总体来说Firebug功能仍 然占据了上风。
第17章浏览器兼容性测试、网站调试与发布(选讲)
教学目标
掌握常用的浏览器兼容性测试工具。 能够根据浏览器兼容性测试结果对网站进行微调和 优化。 学会使用各类Web网页调试工具。
熟悉各类网站发布平台的特点。
学会安装与配置Web服务器。
17.1
浏览器兼容性测试工具
解决浏览器兼容性问题需要从多个方面着手：
17.3
网站发布工具
搭建WEB服务器是一项重要工作。Web服务器也称为 WWW(World Wide Web)服务器，主要功能是提供网上信息浏览 服务。WWW是Internet的多媒体信息查询工具，是Internet上 发展最快和目前应用的最广泛的服务。
17.3.1
常用的Web服务器
使用最多的Web Server服务器软件有两个：微 软的IIS(Internet Information Services)和Apache Group发行的Apache。