Archive

Posts Tagged ‘firefox’

FireBug真的是个非常好用的插件

June 18th, 2008 No comments

FireBug是个FireFox的插件,就在FireFox推出它的3.0版本的时候,FireBug也跟着升级到了可以支持FireFox 3的版本

相信如果你对HTML、CSS有着一知半解的认识,或者你对于网页还停留在以前table layout阶段时,对于网页上的HTML、CSS代码的调试,是个非常头疼的问题(我就是这样)。尤其是你的网页不是本地的,且有服务器端的代码的时候。

FireBug就是这样一个插件,它可以帮你检查HTML、CSS代码,可以帮你把代码和网页的显示效果结合起来,甚至可以直接修改HTML、CSS代码,并且不需要刷新就可以立即把修改应用到网页上。

安装FireBug首先要求你有一个FireFox浏览器,然后去FireFox Addons网站上安装最新版本的FireBug。最后重新启动FireFox就可以了。

当你打开一个网页的时候,只要按下键盘上的F12键,或者用鼠标点击浏览器右下角的image图标。就可以打开FireBug。

firebug_main

而当你对页面上的某个元素需要详细的信息时候,右键点击对应的页面上的元素,然后选择菜单中的“Inspect Element”即可。

如果你对页面的显示效果不满意,在HTML代码上直接修改就可以了。鼠标移动到对应的元素上,页面上的该元素所代表的显示区域也会高亮。

不仅如此,对于CSS的盒子模型,FireBug也能从容对应。在FireBug右边窗口上方选择Layout,即可打开与当前元素相关的盒子模型,包括border、margin、padding和offset。直接修改对应的数字,页面也会做出相应的更改。

image

除此之外,FireBug还可以评估页面的加载速度。

image

对于AJAX,一般的网页调试工具是比较不容易处理,而FireBug则可以轻松应对。另外还有JavaScript,也可以像程序一样的进行调试。

应用在我的身上,FireBug帮我解决了好几个网页上的问题。包括Gravatar、Author Comment Highlight等等。

Don’t Hurt The Web

April 18th, 2007 No comments

First designed at the 2006 Firefox Developer’s Summit by Sean Martell based on an idea from Chris Beard, this graphic became a smash hit at the SWSW conference in 2007.

多可爱的小狐狸啊。下载去这里.

FireFox终于出2.0 Beta2了

September 1st, 2006 No comments

等了好久,终于见到FireFox 2.0 Beta 2(下载)了。

简单说,变化是明显的。第一眼看过去,工具栏被重新设计了,Tab的样子也变了。增加了Feed RSS的订阅(可以选择订阅到Google Reader之类的网站上)。对于Text Area,还支持内置的Spell Checker。

详细的更新可以看Mozilla的官方Release Note

Categories: Uncategorized Tags: , ,