对于web前端工程师来说,用Firefox+Firebug进行CSS和JavaScript的调试已经是非常熟悉和习惯了。如今,新版本的Firefox中又内嵌了一个元素查看工具(图1),类似Firebug,但是初步体验下来,功能远不如Firebug(图2),使用起来也远不如Firebug方便。但是右键菜单中的两个“查看元素”选项(图3),常常一不小心就按错了。这个新增的内置元素查看工具,不但没有给我带来便利,反而造成了许多不便。幸好,我们可以轻松地禁用它。
浏览器
IE8/9兼容性设置
从使用Win7测试版开始,经历了IE新版本使用中的不少兼容性问题,早期遇到的如看不了视频、论坛不能上传附件、不能使用网银、不能使用支付宝财付通等问题。经过一两年的使用下来,IE8已经成了我主要使用的浏览器之一(Chrome是我的默认浏览器、网银、支付宝、财付通及部分兼容性不好的网站用IE8),使用一直很顺畅。现在很多人开始升级IE9,希望会有更多的非前端开发人员的普通用户开始尝试IE8吧。这里把我安装完IE8(以及升级完IE9)之后必做的设置分享一下,希望能帮助一些刚开始使用IE8/9的朋友。
[译]CSS技巧:如何避免IE6中的"浮动下坠"
原文:http://www.yuiblog.com/?p=2820
译文:https://www.ofcss.com/2010/10/31/prevent-a-float-drop-in-ie6-translation.html
作者:Thierry Koblentz
尽管这种情况通常被称为"浮动下坠"或者"浮动下沉",但实际上下坠或下沉的列并不一定是浮动的……只要它比预留给它的空间更宽就有可能出现下沉。请记住这是一种特定情况下才会发生的在跨浏览器时很常见的行为——网页的某一栏太宽了,于是它下沉了。
webkit中BFC元素临近浮动元素时的边距bug
一直以来我们都很熟悉IE的“浮动边距加倍”的bug,并且绝大多数重构人员都已经很擅长在需要浮动时就直接绕过他。其实以webkit为核心的浏览器,包括但不限于Safari和Chrome,也有一个关于浮动和边距的bug,同样会造成布局错误。我在最近三个月的前一个月连续遭遇了两次这个bug,后两个月虽然避免了再次出现,但是直到现在才把这个bug彻底弄清楚。
windows 7 x64 上的Google Chrome
Google Chrome 是一款对CSS支持得非常好的浏览器,虽然刚刚起步的Chrome有着这样那样的缺陷,但仍然不妨碍喜欢简洁、高效的人以及对Google产品有偏爱的人们喜欢它。网页开发人员更是无法忽略这款市场份额虽小但是正在快速上升的浏览器产品。
不过,对于Windows 7 x64 版本的使用者来说,Chrome在这款未来的主流操作系统下的兼容性非常让人抓狂。因为在Windows 7 x64下你无法用Chrome查看网页,虽然安装的时候你不会遇到任何兼容性警告,更不会出现任何错误。甚至到了运行它的时候也一样,不会弹出UAC警告,也不会弹出兼容性警告,看起来就像这是一款完美支持Windows 7 x64系统的软件一样。