firefox+Firebug调试JavaScript、HTML和CSS
什么是Firebug
从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。
Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、 CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让人爱不释手的插件，如果你以前没有接触过它，也许在阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布 1.0正式版，这不能不说是种巧合。
应用
Firebug插件虽然功能强大，但是它已经和Firefox浏览器无缝地结合在一起，使用简单直观。如果你担心它会占用太多的系统资源，也可以方便地启用/关闭这个插件，甚至针对特定的站点开启这个插件。
在安装好插件之后，先用Firefox浏览器打开需要测试的页面，然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件，它会将当前页面分成上下两个框架，如图1所示。
图1：Firebug插件展开图示
从图1中看到，Firebug有6个主要的Tab按钮，下文将主要介绍介绍这几方面的功能。
Console HTML CSS Script Dom Net
控制台 Html查看器 Css查看器 脚本条时期 Dom查看器 网络状况监视
Console 控制台
控制台能够显示当前页面中的javascript错误以及警告，并提示出错的文件和行号，方便调试，这些错误提示比起浏览器本身提供的错误提示更加详细且具有参考价值。而且�
相关文档：
<div id='box_id' >test </div>
$('#box_ld').css("display","block");
注意：為input 添加只讀的樣式并不是
$("#gameuser_username").css("readonly","readonly");
而是
$("#gameuser_username").attr('readonly','readonly');
......
学习SEO需要了解网页制作，否则网站本身的优化就无从下手。比较流行的网页制作工具是Microsoft公司开发的
Dreamweaver，支持所见即所得的编辑方式，在站点的管理方面做的也很出色，不需要你掌握很深的网页制作技术知识，甚至不需要你了解 HTML的基本语法。它还支持层的操作，并且可以避免生成冗余代码，并且支持对 HTML� ......
JavaScript基本属性方法参考
document.body.scrollTop 返回和设置当前竖向滚动条的坐标值，须与函数配合,
document.body.scrollLeft 返回和设置当前横向滚动务的坐标值，须与函数配合，
window.status=defaultStatus 将状态栏设置默认显示
Obejct.innerHTML 对象Object标签中的html源代码
Ob ......
可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?!
而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复
的。
上周我也遇到了ID和Name的问题，在页面里输入了一个input
type= ......
总类（所有HTML文件都有的）
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，像是「主题」）
文体 <BODY></BODY> （文件本体）
结构性定义（由浏览器控制的显示风格）
标 ......
