买琴买鼓,就找魔菇!

 找回密码
 注册
搜索
查看: 2877|回复: 35

测试一下你的浏览器有多二

[复制链接]
发表于 2010-12-16 12:06:38 | 显示全部楼层 |阅读模式
吉他中国微信公众号
打个这个网址: http://knb.im/css3/ ,看看你看到的图是什么样子的。

1.jpg


2.jpg


3.jpg
我常用两个浏览器:一个是ChromePlus(Chrome的山寨双核版),速度极快;另一个是世界痔疮。前者挺好,图像清晰,眼睛会动。后者是最二的,简直连IE6都不如,根本看不出个猫样来,杯具。如下:

the world.jpg


你们的都是啥样?纯测试。
发表于 2010-12-16 12:08:29 | 显示全部楼层
吉他中国抖音
33333333333333333333.jpg
发表于 2010-12-16 12:12:10 | 显示全部楼层
GC视频号
我的  悲剧!!!
QQ截图未命名.jpg
发表于 2010-12-16 12:14:06 | 显示全部楼层
买琴买鼓,就找魔菇
这个,眼睛还会动。
QQ截图未命名.jpg
发表于 2010-12-16 12:19:38 | 显示全部楼层
Chromium 10.0.611.0 (69104)还好还好......

chromium.jpg
发表于 2010-12-16 12:47:23 | 显示全部楼层

真可爱啊

发表于 2010-12-16 12:51:39 | 显示全部楼层
龙哥威武
发表于 2010-12-16 14:26:17 | 显示全部楼层
Google Chrome 路过
发表于 2010-12-16 14:30:07 | 显示全部楼层
我属于猫脸都看不到的那类…360……
发表于 2010-12-16 14:50:30 | 显示全部楼层
IE6  都不要测了 全是杯具
发表于 2010-12-16 15:22:41 | 显示全部楼层
山寨货Sunchrome完胜
发表于 2010-12-16 15:23:29 | 显示全部楼层
早觉得世界之窗用起来很垃圾,果然。。。。。
发表于 2010-12-16 15:52:51 | 显示全部楼层
只不过是一段专门为了某浏览器优化的代码,或者说为了贬损某些浏览器而写的代码,有什么意义呢?
发表于 2010-12-16 15:55:27 | 显示全部楼层
有点意思。
发表于 2010-12-16 15:59:36 | 显示全部楼层
我的也杯具了
发表于 2010-12-16 16:12:59 | 显示全部楼层
这个是什么啊!!!????
发表于 2010-12-16 16:59:27 | 显示全部楼层
opera

看起来还是个猫
发表于 2010-12-16 17:03:13 | 显示全部楼层
头像被屏蔽
发表于 2010-12-16 18:03:50 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2010-12-16 23:24:46 | 显示全部楼层
显示出一个机器猫就是好的啊??
发表于 2010-12-17 12:12:22 | 显示全部楼层
截图1292559515.jpg 杯具·
发表于 2010-12-17 18:54:24 | 显示全部楼层
未命名.jpg
发表于 2011-2-5 14:46:03 | 显示全部楼层
原帖由 SoulReaper 于 2010-12-16 15:52 发表
只不过是一段专门为了某浏览器优化的代码,或者说为了贬损某些浏览器而写的代码,有什么意义呢?


依在下的愚見,這並不是專門對瀏覽器優化的哦
這個頁面是以CSS3為標准寫的,而CSS是什麼玩意兒呢?
他是一種用來描述頁面布局的標准格式,也就是說告訴瀏覽器這幾行字要放在這,那個圖片要居中放在這行字下面,還有顏色什麼的。
這樣編寫網頁代碼的工作就可以跟設計網頁美工的工作分開了!
而這個CSS規范是根據W3C(World Wide Web Consortium)標准來制定的,他們是負責制定互聯網各種大大小小協議的國際組織。
因此瀏覽器對CSS的支持度越好,美工人員越能在上面一展長才。否則美工人員光是要針對各種不同的瀏覽器為一種效果使用不同的實現方法就夠頭大了,根本沒心力好好設計。

IE系列的瀏覽器向來都不太搭理各種國際標准,不僅是CSS
所以網頁設計者設計好的漂亮網頁往往用IE瀏覽器打開就面目全非了,這點真的非常令人煩惱!
現在的網頁設計者往往要先檢測你的瀏覽器是否是IE,如果是的話只好用一種更安全但是不美觀的方法來現實頁面。

所以單從CSS支持度這方面來考量的話其實這個測試還算是比較客觀的反應瀏覽器的好壞的。

在下能力有限,如果有錯誤的地方請大家幫忙修改補充!

[ 本帖最后由 jcppman 于 2011-2-5 14:48 编辑 ]
发表于 2011-2-5 14:49:02 | 显示全部楼层
习惯谷歌浏览器了
发表于 2011-2-5 15:01:24 | 显示全部楼层
呃  我用的是 tt浏览器。。。也是悲剧。。。不过开始快速连接有9个窗口方便去经常访问的地址 ,挺好用的。。。用习惯了不知道其他浏览器有没有类似的功能。。。另外以前的浏览器能 缩放视频  现在不知道为什么缩放不了了。。。很奇怪。百度了半天什么内核有关。。。唉。。发愁

[ 本帖最后由 飘忽忽忽 于 2011-2-5 15:02 编辑 ]
发表于 2011-2-5 15:39:06 | 显示全部楼层
safari  也够2的。。。连左键 新标签都没有。。全是新窗口。。。。真tm2!。。
发表于 2011-2-5 15:47:50 | 显示全部楼层
safari有标签啊。。。。。。
发表于 2011-2-5 16:54:06 | 显示全部楼层
有是有 但是不能 单击  还得按住 ctrl   要么点中键。中键很容易点坏的。。。 你说 郁闷不。。。。
发表于 2011-2-5 17:03:49 | 显示全部楼层
未命名.jpg
未命名.jpg
发表于 2011-2-5 17:15:21 | 显示全部楼层
折腾一圈  继续下tt浏览器 接着用。。。我勒个去。!。生命在于折腾。。。。。。
发表于 2011-2-5 17:26:19 | 显示全部楼层
我悲剧。。。。
悲剧.jpg
发表于 2011-2-10 17:26:37 | 显示全部楼层
谁给个有着优良传统的浏览器,有世界之窗的鼠标动作和各种快捷键功能
又有好的css兼容性?
所以看问题不能只看一边
crtl+Q就能隐藏正在看黄片的世界之窗
管了crtl+E就能恢复刚关闭的网页
esc就能自动激活地址栏,不用鼠标点
别的浏览器对这些功能的支持如何?
有双赢的浏览器希望大家贡献出来呵呵
发表于 2011-2-10 18:02:14 | 显示全部楼层
说明:本页面用于测试各个浏览器对CSS3的解释效果,左边的“图像”并非图片,而是纯CSS。目前各个浏览器对CSS3的支持效果不一样,其中IE系的浏览器支持效果最差。

副作用:你可以对照左右的“图片”来判断你使用的是什么浏览器。

---

效果最好的是Webkit系浏览器,包括Safari (4.05)和Chrome (5.0)等,看到的效果如下截图,而且眼睛还能动:


效果在其次的是Firefox (3.6),效果和Safari的一样,但眼睛不能动。


在Opera (10.53) 里,图像没有了渐进层:


在iPhone OS 3.1的Safari里:


在IE9测试版里:


在IE8里:


在IE7里:


在IE6里:


本页面左侧的源代码来自这里,由于已经被墙,所以本人自建了这个页面。

--Jason Ng
发表于 2011-2-12 10:06:00 | 显示全部楼层
大方块脸 没眼睛
发表于 2011-2-12 11:56:05 | 显示全部楼层
chorme表示无压力~

不过这个可不可能是 检测出来相应的浏览器 然后 给出相应图片的呢?
头像被屏蔽
发表于 2011-2-12 14:04:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|吉他中国官方

GMT+8, 2025-5-14 20:04

Powered by Discuz!

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表