随笔分类 -  工具学习

摘要：Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种 阅读全文

摘要：怎样打开Chrome的开发者工具？你可以直接在页面上点击右键，然后选择审查元素：或者在Chrome的工具中找到：或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。打开的开发者工具就长下面的样子：不过我一般习惯与点左下角的那个按钮，将开发者工具弹出作为一个独立的窗口：下面来分别说下每个Tab的作用。Elements标签页这个就是查看、编辑页面上的元素，包括HTML和CSS：左侧就是对页面HTML结构的查看与编辑，你可以直接在某个元素上双击修改元素的属性，或者你点右键选"Edit as Html"直接对元 阅读全文