浏览器扩展工具firebug
firebug官方版与火狐浏览器配合使用,可以有效提高编程开发人员的效率。 支持在线修改html、css等常见文件,占用内存不到1米,非常方便。 Firebug就像一把精致的瑞士军刀,从多个角度分析网页内部的细节层次,给极限软件园的网页开发人员带来很大的方便,也是一种调试工具。 用户可以利用它调试、编辑和删除任何站点的CSS、HTML、DOM和代码。

firebug官方软件的特点
【活化】
的激活基于URL,并遵循相同的源策略。 这意味着,在不同的选项卡中打开同一源的页面时,软件会自动打开。 在同一选项卡中打开不同源的页面时,它会自动关闭。 另一方面,DevTools的激活基于。 也就是说,如果在选项卡中打开DevTools,则在切换不同站点时它将保持打开状态。 当你切换到另一个人的时候,但是,他们被关闭了。
【日志消息过滤器】
有两种使用选项菜单和工具栏上的过滤器按钮过滤日志消息的方法。 开发人员工具控制台使用工具栏上的筛选器按钮提供类似的功能。 集中在一个地方。
【控制台API】
从网页向控制台记录内容时,会为页面提供控制台API。 因为开发人员工具共享同一个API,所以你的console.*语句继续工作。
【服务器日志】
使用FirePHP之类的Firebug扩展,可以将服务器端消息记录在软件控制台中。 此功能已经通过ChromeLogger协议集成到DevTools中,不需要安装任何扩展
【打开工具】
按F12键可打开软件。 要打开并检查元素,请按Ctrl Shift C/Cmd Opt C。 DevTools共享相同的快捷键,但也提供不同面板的快捷键。 例如,网络监视器可以在Ctrl Shift Q/Cmd Opt中打开q,在Web控制台中打开Ctrl Shift K/Cmd Opt K,在调试器中打开s。
这个Web控制台相当于程序的控制台面板。 显示与网页相关的日志信息,并允许您从命令行执行表达式。 两者之间的表示不同。 这可能改变错误1269730。
【命令行API】
软件命令行API提供了特殊的功能,以便于使用。 开发工具的命令行有共同的功能,但也有其他功能,错过了别人。
【坚持日志】
在软件中,您可以单击工具栏上的Persist按钮来保留页面导航和重新加载之间记录的消息。 在DevTools中,此选项称为有效日志,可在“工具箱选项”面板中使用。
【命令的历史】
您可以通过软件的命令行按钮,按向上键/向下键在DevTools命令行中查看此命令历史记录。
firebug官方插件功能
1、控制台功能
控制台的主要作用是显示网页上的各种错误消息,并允许打印日志。 也可以在调试时将其用作命令行窗口,并使用性能分析子选项来描述有关代码执行的信息。
2、脚本()功能
脚本功能主要是脚本调试器,执行单步调试、断点设置、变量显示等功能,同时通过右侧的监控功能实现脚本运行时间的显示和统计,提高执行效率。
3、网络)功能
该功能主要用于监控网页各组成部分运行时间的信息,便于查找其中运行时间较慢的部分,进一步优化运行效率。
4、HTML功能
该菜单功能主要用于显示当前页面的源代码功能,通过编辑并实时显示,实现页面的最佳效果。
5、DOM功能:该功能主要用于显示页面的DOM信息,通过提供的检索功能可以实现DOM的快速准确定位,双击即可实现对DOM节点属性或值的修改。
6、CSS功能
单击CSS菜单可查看所有CSS定义信息。 也可以双击修改页面样式。