Chrome–Chrome允许你用一个不同的方式来改变frame，点击控制台底部的下拉菜单进行切换：

Opera–Opera中，控制台和文档选项卡都存在一个用来切换frame的下拉菜单——控制台中的那个下拉菜单仅在有frame可供选择时才显示：

(感谢Paul Irish和Daniel提供此项信息)

直接复制你的代码到剪贴板

Chrome，Firefox，Safari–在控制台中使用copy()命令，以内容作参数，将直接复制内容到剪贴板。

让浏览器做计算

所有浏览器–这个技巧很有意义，但令人惊讶的是会有多少人不这么去用它。当你想快速知道一个数学计算的答案(比如，一个456像素宽度的容器分三栏，每栏有多宽?)，你不需要打开一个计算器，直接在控制台输入就能立即返回答案。顺便说一下，答案是152。

*译注：这又不是Bot，O_O作者应该是指直接在控制台输入表达式：456/3

脚本选项卡

页面所有运行脚本安身的地方，这个选项卡包含了一个下拉菜单，让你可以选择你想要调试的脚本。

处理压缩过的脚本

Chrome，Internet Explorer, Safari–放置一个断点在代码中会让调试更简单。如果脚本是已经投入生产环境了的话，它就很可能已经被压缩过了。这时怎么你怎么调试压缩过的代码呢?幸好，部分浏览器有个选项可以解压你的JavaScript代码。

Chrome和Safari中，简单地选择脚本选项卡，通过下拉菜单选择相关的脚本，然后点击底部面板的”{}”(pretty print)图标：

在IE9中，点击选中脚本旁边的工具图标来格式化JavaScript代码：

监视变量

所有浏览器– 开发中的一个常用工具，“监视”允许通过脚本选项卡右上栏的方便的区域来观察一组变量。要观察一个变量很简单，只要输入它的名字，“监视”将保持它最新的值。

实时编辑和执行JavaScript代码

Chrome–在Chrome中，你可以直接在页面中进行编辑，并不需要使用单独的编辑器或者重新加载页面。简单地双击你想要改变代码，然后输入新的代码!按Ctrl + S (Mac，Cmd+S)保存。

当错误发生时创建一个断点

所有浏览器–当第一个脚本错误发生时，简单地点击脚本选项卡中的暂停图标，出错行将会高亮以便查看。

当DOM改变时创建一个断点

Chrome，Firefox–如果你知道当某个特定部分的DOM改变时页面崩溃了，或者你仅仅想找出是哪段脚本改变了某个元素的属性，Chrome和Firefox都提供了有效设置断点的方式来找出这个元凶。简单地选中你要监视的元素，右键点击它，选择中断条件：

(感谢Jason Wilson提供此项信息)

元素选项卡

Firefox中叫做“HTML”选项卡，Opera中叫做“文档”(Documents)选项卡。元素(Elements)选项卡显示的是当前状态的DOM。在IE中，你需要点击“刷新”按钮才能查看当前的DOM。

获取一个容器尺寸的简易办法

Chrome，Safari–我是个在包含浮动元素的容器上使用overflow:auto样式的大粉丝——旧版本的IE这样做会引起麻烦，除非你给元素指定了实际宽度(auto和100%都不够)。虽然元素的实际尺寸可以在元素选项卡右上角的“Computed Style”栏看到，但仍然需要点击好几次。在Chrome或Safari中更好办法是，鼠标悬停到元素选项卡里HTML源代码的特定元素上，或者点击底部工具栏上的放大镜后再悬停到页面特定元素上：