From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/tools/browser_toolbox/index.html | 50 ++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 files/zh-cn/tools/browser_toolbox/index.html (limited to 'files/zh-cn/tools/browser_toolbox/index.html') diff --git a/files/zh-cn/tools/browser_toolbox/index.html b/files/zh-cn/tools/browser_toolbox/index.html new file mode 100644 index 0000000000..b95c830ccd --- /dev/null +++ b/files/zh-cn/tools/browser_toolbox/index.html @@ -0,0 +1,50 @@ +--- +title: Browser Toolbox +slug: Tools/Browser_Toolbox +tags: + - console.log不显示 + - 浏览器工具箱 + - 火狐 + - 网页工具箱 + - 调试 +translation_of: Tools/Browser_Toolbox +--- +
{{ToolsSidebar}}

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

+ +

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

+ +

开启浏览器工具箱设置

+ +

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

+ + + +

打开浏览器工具箱

+ +

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

+ +

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

+ +

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

+ +

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

+ +

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

+ + + +

 

+ +

 

-- cgit v1.2.3-54-g00ecf