跨浏览器兼容性检查的完整指南

时间:2024-03-22 21:51:46

在上网时,互联网用户可以选择更多的浏览器。 作为设计者和开发者,我们有责任确保我们创建的网站与当今大多数常用的浏览器兼容。

这就引出了一个简单而关键的问题– 我们的访客使用的是什么浏览器? w3school称 ,常用的浏览器是Internet Explorer 7和8以及带有SafariGoogle Chrome的 Firefox 但是,根据其利基市场,数字可能因站点而异。 最好从您的网站指标例如Google Analytics(分析))中获取受众特征。

确定访问者使用的通用浏览器后,就该确保网站在这些浏览器中显示相同的浏览器了。 在一台机器上几乎不可能安装所有不同的浏览器。 但是由于有了一些工具和Web服务,才有可能找出您的网站在其他浏览器中的外观。

在本文中,我们希望引起您的注意,您可以使用这些解决方案来进行跨浏览器兼容性测试。 跳转后的完整列表。

在线测试兼容性

浏览器快照

Browsershots是一个免费的,最受欢迎的跨平台多浏览器兼容性测试实用程序,适用于Web设计人员。 Browsershots在不同的浏览器中制作您的网页设计的屏幕截图。 所有流行的浏览器都包含在Browsershots数据库中,您可以轻松检查网站在所有浏览器和OS平台上的外观。

跨浏览器兼容性检查的完整指南

浏览器沙箱

此页面由Spoon.net创建,可让您直接从浏览器运行不同的浏览器,包括IE,Firefox,Safari,Chrome和Opera。 就那么简单。

跨浏览器兼容性检查的完整指南

网络渲染器

IE NetRenderer是免费的浏览器兼容性测试器。 使用IE NetRenderer,您可以检查不同版本的Internet Explorer如何呈现网站。 经过Beta测试后,很快将在IE NetRenderer中集成最新版本的IE – IE9,您将可以看到您的网站在此浏览器中显示错误。

跨浏览器兼容性检查的完整指南

浏览营

Browsrcamp允许您测试设计与Mac OS X浏览器的兼容性。 如果您不想花钱,可以检查您的设计与Safari 3.1.2的兼容性。 只需添加您的网站网址,您将获得网站截图。 但是,如果您想检查与其他Mac浏览器的兼容性,则可以订阅3 $。

跨浏览器兼容性检查的完整指南

Adobe浏览器实验室

Adobe Browserlab是一个网络托管服务,使设计人员可以在多个浏览器和操作系统上测试设计。 该系统中包括缩放功能和测量工具(例如标尺和指南),并具有快速移至屏幕截图特定区域的功能。 浏览器集使设计人员可以自定义,编辑和保存浏览器组合以进行测试。

跨浏览器兼容性检查的完整指南

Litmusapp

Litmus会向您显示您的网站的屏幕快照,这些屏幕在所有主要的网络浏览器中均可见。 完成测试后,您可以获取完整的兼容性报告,以供客户查看。 石蕊有4个价格计划。 您可以免费注册并仅使用Explorer 7和Firefox 2浏览器测试,也可以选择收费计划。

跨浏览器兼容性检查的完整指南

Anybrowser网站查看器

Anybrowser Site Viewer使您可以像其他浏览器一样或以不同的屏幕大小来查看HTML页面。 您可以在各种浏览器中出现的链接查看页面之间切换,并检查纯文本的纯度。 另外,Anybrowser网站查看器允许您选择特定的页面元素。

跨浏览器兼容性检查的完整指南

基金

Fundisom是Mac屏幕截图生成器,可让您在Safari,MacIE或Mozilla的Macintosh G5上查看您的网站。 目前,lixlpixel Web开发Safari屏幕快照生成器暂时处于离线状态,但您可以稍后进行检查。

跨浏览器兼容性检查的完整指南

Delorie lynxview

Delorie lynxview是一项服务,它使Web作者可以查看使用文本模式Web浏览器Lynx进行查看时其页面的外观。

跨浏览器兼容性检查的完整指南

浏览器

Browsera旨在用作测试工具,而不仅仅是屏幕截图工具,并且可以在网站级别而不是页面级别使用。 Browsera对您网站上的页面进行爬网,并实际测试它们是否存在布局不一致和脚本错误。

跨浏览器兼容性检查的完整指南

IE标签页

IE Tab是Firefox插件,使您可以在Internet Explorer中加载网页,而无需打开其他浏览器窗口。 只需单击Firefox工具栏上的按钮,它将在使用Internet Explorer引擎而不是Firefox的新标签页中打开当前页面。

跨浏览器兼容性检查的完整指南

插件和工具

IETester

IETester是一个免费的Web浏览器,可让您在Windows 7,Vista和XP上使用IE9预览,IE8,IE7 IE 6和IE5.5的呈现和JavaScript引擎。 对于Web开发人员而言,测试其站点在所有最常见的Internet Explorer版本中是否正常运行非常有用。

跨浏览器兼容性检查的完整指南

适应

IECapt是一个小型命令行实用程序,用于将Internet Explorer的网页渲染捕获为BMP,JPEG或PNG图像文件。

跨浏览器兼容性检查的完整指南

多重Safari

Multi-Safari是免费的浏览器兼容性测试工具,可让您使用不同版本的Safari检查网站的呈现。 Multi-Safari不允许屏幕分辨率测试。

跨浏览器兼容性检查的完整指南

表达网络超级预览

Expression Web SuperPreview是免费的工具,可帮助用户在不同版本的Internet Explorer上测试其网站。 Expression Web SuperPreview是一个独立的视觉调试工具,可让您更轻松地将站点从IE6迁移到IE7或8。

跨浏览器兼容性检查的完整指南

Iphoney

iPhoney为您提供了像素精确的Web浏览环境,您可以在为iPhone开发网站时使用它。 对于您的iPhone开发而言,这是完美的320 x 480像素画布。 iPhoney不是iPhone模拟器,而是为希望创建320 x 480网站以用于iPhone的Web开发人员设计的。

跨浏览器兼容性检查的完整指南

多个IE

使用MultipleIE,您可以在Internet Explorer 3、4、5和6中测试您的网页。这些是旧的浏览器,但是如果可以,您的网站将可用于所有浏览器,请同时检查使用MultipleIE的最早的IE版本。

跨浏览器兼容性检查的完整指南

多个IE

多个IE是类似于MultipleIE的类似工具。 多个IE是一个很小的程序包,它使您可以在同一台计算机上运行IE的多个版本,从IE 6.0一直到IE 3.0

跨浏览器兼容性检查的完整指南

SortSite专业人士

SortSite Professional允许网站建设者,所有者和顾问检查整个网站是否符合标准和质量问题。 SortSite检查找到的每个页面,然后生成一份报告,列出每个问题。 SortSite检查300多个质量检查点。

跨浏览器兼容性检查的完整指南

月神

Lunascape是世界上第一个也是唯一的三引擎浏览器。 包含在其中的主要浏览器:IE,Firefox,Chrome,Safari。 使用Lunascape,您可以选择在正确的时间使用的正确的引擎,从而大大减少了Web浏览器的兼容性问题,较长的加载时间以及网站的不正确显示。

跨浏览器兼容性检查的完整指南

优质服务

浏览器摄像头

BrowserCam是一项付费的在线服务,通过自动获取您选择的屏幕截图或通过远程访问计算机,您可以跨不同平台和浏览器查看网页。

跨浏览器兼容性检查的完整指南

跨浏览器测试

使用该网站,您将可以在任何操作系统和浏览器上测试您的网站(或与此有关的任何其他网站)。 当您尝试完成工作时,这应该可以节省大量时间。 订阅费用从19.95美元起。

跨浏览器兼容性检查的完整指南

网址2图片

使用Url2image Web服务器场,并以登录用户的身份,您可以使用各种浏览器/操作系统组合来请求网页设计的屏幕截图。 Url2image提供屏幕截图奖。 2张截图的价格为$ 1。

跨浏览器兼容性检查的完整指南

排序网站

SortSite Professional在页面上检查一系列功能,这些功能在不同的浏览器上无法正常运行或行为不同。 标准许可价格为149美元。

跨浏览器兼容性检查的完整指南

多浏览器查看器

Multi Browser Viewer包含17个预打包的虚拟化独立浏览器。 除了17种独立的浏览器外,Multi-Browser Viewer还能够在三种操作系统(Mac,Windows和Linux)的50种浏览器中测试您的站点。 单用户许可奖为99.95美元。

跨浏览器兼容性检查的完整指南

云测试

借助Cloud Testing的跨浏览器测试功能,您可以使用IE 6,7,8,Firefox,Apple Safari,Google Chrome和Opera浏览器来验证电子商务和交易网站的外观和功能。 每项测试的价格为£0.10。

跨浏览器兼容性检查的完整指南

翻译自: https://www.hongkiat.com/blog/complete-guide-to-cross-browser-compatibility-check/