Home > Other Stuff > Check Browser Compatibility

Check Browser Compatibility

December 7th, 2008 yinheli
Skip to Comments

上一篇修改inove文章中johnzon说我的导航条在IE6里显示不正常了.身边有没有装IE6的机器.于是Google一下.找到个不错的验证网站.browsershots
它能跨平台.测试你的网页在各个浏览器里显示的效果.光是Linux就有23个浏览器版本.Windows系列的就更多了.我试了一下感觉不错.就是速度有点慢了.不是即时显示的.一般需要好几分钟.有时多达半个小时.但是它能缓存你的页面.你可以做个书签,过上一段时间后再去看看,它抓好了会把图片打包.到时候只需下载即可看到你的页面在各个浏览器里效果了把它当成个网页在线截图工具很不错.我刚刚提交了84浏览器.等等明天再去看看.哈哈.

声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 PhilNa ™

Other Stuff ,
«
»
Comments ( 20 )
Feed for this Entry Trackback Leave a comment
  1. Shawn Dec 8th, 2008 @ 00:00 | #1
    Reply Quote

    我只发现你那个 Feed 弹出菜单一处在各个浏览器下表现不同。

  2. Zoll Dec 8th, 2008 @ 02:09 | #2
    Reply Quote

    果然比较慢啊。。

  3. yinheli Dec 8th, 2008 @ 15:34 | #3
    Reply Quote

    @Shawn
    不知道如何修改,我用position:absolute 后它并没有相对于父对象对齐.IE和其他浏览器里的表现不一样了.我就做了折中的处理.至少出现在用户可以点击的地方.呵呵,至于透明,IE竟然也没有效果.
    @Zoll
    而且我发现对中文支持也不是很好.有乱码的.我刚刚把昨天提交的下下来了.在这么多的浏览器里看自己的网页感觉不错.呵呵.就是有些字体老外估计没有.

  4. johnzon Dec 8th, 2008 @ 17:03 | #4
    Reply Quote

    @yinheli 我是将#subscribe ul的margin值修改成这样，
    margin:34px 0 0 0 !important;
    margin:34px 0 0 -92px;
    可以参考下 :smile:

  5. yinheli Dec 8th, 2008 @ 17:12 | #5
    Reply Quote

    @johnzon
    你的也是一样,在各个浏览器里显示不一样… :idea:

  6. Shawn Dec 8th, 2008 @ 17:13 | #6
    Reply Quote

    @yinheli
    position:absolute 应该相对于父元素来做。如果你直接 absolute，而父元素没有 relative，那结果就是各个浏览器表现不一致。
    最便捷的方法是给 #sidebar .content 这里加入 position:relative，之后#subscribe ul的 absolute 就相对于 #sidebar .content 了。此时再设置 top 和 left 的值，你会发现非常好控制。

  7. johnzon Dec 8th, 2008 @ 17:15 | #7
    Reply Quote

    我测试了火狐，IE6,IE7和Opera都一样呀 :!:

  8. yinheli Dec 8th, 2008 @ 17:33 | #8
    Reply Quote

    @johnzon
    莫非我的IE7能识别 !important;

    @Shawn
    我吃完饭去试试去.哈哈

  9. Shawn Dec 8th, 2008 @ 17:37 | #9
    Reply Quote

    @johnzon
    区别很大，位置都不一样。ie7 可以识别 important

  10. yinheli Dec 8th, 2008 @ 17:58 | #10
    Reply Quote

    @Shawn
    好了解决了呵呵.非常感谢.我的CSS知识太匮乏了.东学点西学点…. :mad:

  11. Shawn Dec 8th, 2008 @ 18:07 | #11
    Reply Quote

    @yinheli
    只要再针对 IE 6 做一个小 hack，即针对IE 设置 ul 的 left:-70px，那个弹出的菜单便会在主流浏览器下完全表现一致。
    现在 Firefox/Safari/Chrome/Opera/IE7 都完全相同了。

  12. yinheli Dec 8th, 2008 @ 18:47 | #12
    Reply Quote

    @Shawn
    用下划线吗?我这里没有IE6看不到效果 :mad: .

  13. Shawn Dec 8th, 2008 @ 20:16 | #13
    Reply Quote

    @johnzon
    看看这个图片.
    [修改by yinheli]
    那个链接太长了.超出去了.-_-!

  14. Shawn Dec 8th, 2008 @ 20:19 | #14
    Reply Quote

    @yinheli
    最好给 ul 加一个 z-index:999，这样能保证弹出菜单不受你首页上的饭否js影响。

  15. yinheli Dec 8th, 2008 @ 20:57 | #15
    Reply Quote

    @Shawn
    考虑的周到,谢谢.我已经加上了.我用vps上的IE6看效果! :mad: 真是奢侈.呵呵

    @johnzon
    你的方法不行,IE7能识别!important还是用Shawn的方法修改一下吧.
    (Thanks Shawn)

  16. johnzon Dec 8th, 2008 @ 21:23 | #16
    Reply Quote

    @yinheli
    IE7下的确不行，囧 :cry:

  17. johnzon Dec 8th, 2008 @ 21:51 | #17
    Reply Quote

    @Shawn
    弄好了，3Q :smile:

  18. xiaorsz Dec 8th, 2008 @ 23:12 | #18
    Reply Quote

    额！！讨论的好激烈哈！！

  19. JoBru Dec 8th, 2008 @ 23:23 | #19
    Reply Quote

    用IE TEST 就可以了IE 各个版本一网打尽～
    底下的上一篇和下一篇貌似不太习惯～

  20. yinheli Dec 9th, 2008 @ 07:27 | #20
    Reply Quote

    @JoBru
    IE TEST?这是什么东东? :?: 可否介绍一下.

Submitting Comment, Give me a second...

Leave a comment

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
Trackbacks & Pingbacks ( 0 )
Toggle the list
  1. No trackbacks yet.