`

检查你的网页在60种浏览器的显示效果

阅读更多

是不是还在为自己设计的网页的兼容性测试而头疼呢?firefox 3, firefox 2, chrome, opera,还有最让人头疼的ie5, ie6, ie7,也许你可以试试Browsershots 带来的网页快照生成服务,这项服务可以为你的网页生成在60中浏览器上的显示效果的截图。

 

这是我的一个测试结果http://browsershots.org/http://dorame.zduo.net/ ,很明显我的这个网页在ie4和opera 7上显示不正常。

 

 

这项服务支持的浏览器包括:

Linux 浏览器
Dillo 0.8
Epiphany 2.14
Epiphany 2.22
Firefox 2.0
Firefox 3.0
Flock 2.0
Galeon 2.0
Iceape 1.0
Iceape 1.1
Iceweasel 2.0
Iceweasel 3.0
Kazehakase 0.5
Konqueror 3.5
Konqueror 4.1
Mozilla 1.7
Navigator 9.0
Opera 9.27
Opera 9.50
Opera 9.51
Opera 9.52
Opera 9.62
SeaMonkey 1.1
SeaMonkey 2.0
Shiretoko 3.1

Window浏览器
 Avant 11.7
Chrome 0.2
Chrome 0.3
Firefox 1.5
Firefox 2.0
Firefox 3.0
Firefox 3.1
Flock 1.0
Flock 1.1
Flock 1.2
Flock 2.0
K-Meleon 1.1
K-Meleon 1.5
Minefield 3.1
MSIE 4.0
MSIE 5.0
MSIE 5.5
MSIE 6.0
MSIE 7.0
MSIE 8.0
Navigator 9.0
Opera 7.11
Opera 8.53
Opera 9.23
Opera 9.24
Opera 9.25
Opera 9.26
Opera 9.27
Opera 9.50
Opera 9.51
Opera 9.52
Opera 9.60
Opera 9.61
Opera 9.62
Safari 3.1
Safari 3.2
SeaMonkey 1.1
SeaMonkey 2.0
Shiretoko 3.1

Macos浏览器
Camino 1.6
Firefox 2.0
Firefox 3.0
Navigator 9.0
Opera 9.24
Safari 2.0
Safari 3.1
Safari 3.2
Safari 4.0
SeaMonkey 1.1

BSD浏览器
 Dillo 0.8
ELinks 0.11
Epiphany 2.22
Firefox 2.0
Firefox 3.0
Galeon 2.0
Kazehakase 0.5
Opera 9.51
Opera 9.52
SeaMonkey 1.1
W3M 0.5

 

另外,还有一个专门测试在IE5/6/7/8上网页显示效果的工具,叫IETester ,有兴趣的朋友可以下载一个试试,很方便的。

  • 大小: 58.4 KB
分享到:
评论

相关推荐

    解决win7中使用chrome浏览器打开网页字体模糊的问题

    在Windows 7操作系统中,用户有时会遇到使用Google Chrome浏览器打开网页时,字体显示模糊的情况。这通常是由于系统兼容性问题、显卡驱动不匹配或Chrome浏览器设置不当引起的。为了解决这一问题,我们可以尝试以下几...

    opera手机网页浏览器

    在设计手机网页时,使用Opera浏览器可以帮助开发者更好地理解和优化网页在移动设备上的显示效果。 1. **数据压缩技术** Opera手机网页浏览器采用了独特的数据压缩技术,通过服务器端代理优化网页内容,减少数据...

    跨浏览器打印网页数据

    标题中的“跨浏览器打印网页数据”指的是在不同的网络浏览器中实现网页内容的打印功能,确保在各个主流浏览器(如Chrome、Firefox、Safari、Edge等)下,打印效果的一致性和准确性。这涉及到HTML、CSS以及JavaScript...

    七个能够帮助你进行网页浏览器兼容性测试的工具

    这些工具可以帮助开发者在不同的浏览器和操作系统环境下检查网页的显示效果,确保网站在广大用户群体中的良好表现。在开发过程中,结合使用这些工具可以有效地降低浏览器兼容性问题带来的风险,提高网页的普遍适用性...

    Js方法打开网页全屏显示 模拟F11

    在网页开发中,有时我们需要实现一个功能,使得用户一进入页面,网页就能自动全屏显示,模拟浏览器的F11全屏模式。这样的需求在一些全屏展示、演示文稿或者游戏应用中尤为常见。本篇文章将详细讲解如何通过...

    微信提示 在浏览器打开 效果实现过程解析

    在本文中,我们将深入探讨如何实现“微信提示在浏览器打开”的效果。这个功能的主要目的是当用户使用微信内置浏览器打开网页时,向用户显示一个提示,建议他们使用其他浏览器以获得更好的浏览体验。以下是对实现这一...

    更改IE10的浏览器模式解决网页显示不正常.docx

    **更改IE10浏览器模式解决网页显示不正常** 在互联网技术快速发展的今天,网页的兼容性问题时常困扰着用户和开发者。尤其是对于那些基于旧版浏览器设计的网站,当用户使用较新版本的浏览器访问时,可能会出现布局...

    电脑浏览器变手机浏览器方法

    1. **界面模拟**:改变浏览器的显示比例和布局,模拟不同手机屏幕尺寸的效果。 2. **触摸事件模拟**:模拟手机的触摸操作,如滑动、点击等。 3. **设备检测**:显示网站如何识别为移动设备,并据此调整响应式设计。 ...

    微信判断浏览器自动弹出遮罩层代码

    在开发微信相关的网页应用时,有时我们需要针对微信内置浏览器(X5内核)做一些特定的适配,例如自动弹出遮罩层。这是因为微信浏览器在某些情况下,如打开外部链接时,可能会有自己的行为,比如自动加载微信的分享...

    浏览器播放视频测试

    5. **适应性布局**:确保视频在不同屏幕尺寸和设备类型(如桌面、手机、平板)上的显示效果良好。 6. **错误处理**:测试在网络不稳定或视频资源缺失时的错误提示和恢复机制。 进行这些测试时,"多浏览器视频测试...

    pc手机模拟浏览器

    "pc手机模拟浏览器"是一种工具,它允许用户在个人计算机(PC)上模拟不同型号的手机浏览器,以便查看和测试移动网页在不同设备上的显示效果和功能。这种模拟器是开发人员、设计师以及对移动互联网体验有需求的用户的...

    解决IE网页字体显示不正常

    如果设置了相对单位如em或rem,或者使用了百分比来定义字体大小,那么即使用户在浏览器中调整了字体大小,网页的实际显示效果也可能不会改变。解决办法可以是,用户在浏览器的“Internet选项”中关闭“使用网页上的...

    网页打开后国图片显示几秒后自动消失

    3. **图片加载延迟**:如果图片加载速度较慢,可能在浏览器显示出来后,由于网络问题或者图片过大,未能完全加载就触发了某些事件(如onload)导致图片被移除。确认图片的大小和格式是否合适,优化图片以提高加载...

    360浏览器浏览网页怎么一闪一闪的?.docx

    在浏览器的右上方找到“工具”,然后点击找到“选项”,在基本设置页面找到“高级设置”,然后在高级设置里找到“网页设置”,在网页设置里取消勾选“显示图片”,然后重启浏览器,即可解决一闪一闪的问题。...

    为什么div css网页在FF浏览器中不能水平居中呢.docx

    在网页设计中,确保网页元素在不同浏览器中保持一致的显示是非常重要的,尤其是在处理像Firefox(FF)这样的浏览器时,可能会遇到一些特定的兼容性问题。"为什么div css网页在FF浏览器中不能水平居中呢"这个问题,...

    日历控件(浏览器兼容)

    【日历控件(浏览器兼容)】是一种网页交互元素,常用于在线预订系统、日程管理等场景,允许用户选择日期。在这个特定的案例中,我们关注的是如何创建一个能够跨多个浏览器(包括Google浏览器)运行的日历组件,并解决...

    web 浏览器兼容工具

    在IT行业中,Web浏览器兼容性是一项至关重要的任务,因为不同的浏览器可能会对HTML、CSS和JavaScript的解析有不同的理解和实现,导致网站在不同浏览器上显示或运行的效果不一致。"Web浏览器兼容工具"就是为了帮助...

    网页浏览器1

    网页浏览器是互联网应用的核心工具,它允许用户在万维网上浏览、交互和获取信息。"网页浏览器1"可能是一个学生项目或个人制作的简易浏览器,得到了老师的极高评价。这款浏览器可能借鉴了已有的浏览器设计,如IE浏览...

    JS 实现浏览器滚动显示、声音提醒系统通知

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在实现用户交互方面具有重要作用。本项目“JS实现浏览器滚动显示、声音提醒系统通知”聚焦于利用JS技术来增强用户界面的互动性和提示性。 一、...

    针对各种版本的浏览器隐藏CSS的九大技巧

    本文将深入探讨《针对各种版本的浏览器隐藏CSS的九大技巧》,旨在帮助开发者更好地掌握这一技术,确保网页在各种浏览器环境下均能呈现最佳效果。 ### 一、利用`@import`进行条件加载 `@import`规则允许在一个样式...

Global site tag (gtag.js) - Google Analytics