MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

浏览器工具箱和普通的工具箱类似,但前者是应用于整个浏览器而不是单个的内容标签页。它可以让你在整个浏览器的环境中运行普通的火狐开发者工具,而不是单个网页。这让你可以debug扩展和浏览器自身的JavaScript代码,而不仅仅是网页的。

提示:如果你想调试某个免重启或者基于SDK的附加组件、可以尝试使用 Add-on Debugger. 这两种情况之外的都可以使用浏览器工具箱.

开启浏览器工具箱设置

这里说的是在网页工具箱里开启浏览器工具箱相关选项、默认是没有开启的,你可以:

  • 打开开发者工具箱-设置--高级设置
  • 检查选项:"开启的chrome和附加组件调试","开启远程调试"
  • 如上操作如果仍看不到console输出、跳到下面"打开浏览器工具箱"

打开浏览器工具箱

在Firefox浏览器顶部菜单(可能自动隐藏了)依次打开工具--Web开发者--浏览器工具箱 即可。

点击菜单项,一个像这样的会话便会呈现在你的面前:

点击OK,然后浏览器工具箱便会以独立的窗口打开:

友情提示:如果只是要查看整个浏览器级别的控制台日志输出依次点击顶部菜单(可能自动隐藏了)--工具--Web开发者--浏览器工具箱即可。正常我们调试还是切换到相应页面直接按F12就行了。

你可以查看、调试所有被浏览器本身加载的或是任何后添加的且在运行着的JavaScript文件。总之,你可以使用下列的开发者工具:

 

 

文档标签和贡献者

 此页面的贡献者: Smartree, Mangon, frost
 最后编辑者: Smartree,