blob: 63c820a2187868408dcf2f118707053bd934f425 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
title: Browser_Werkzeuge
slug: Tools/Browser_Werkzeuge
tags:
- Developer
- Fehlerbehebung
- Firefox
- JavaScript
translation_of: Tools/Browser_Toolbox
---
<div>{{ToolsSidebar}}</div><p>Die Browser-Werkzeuge sind wie die normale <a href="/de/docs/Tools/Web_Konsole">Webkonsole</a>, aber funktionieren mit dem ganzen Browser und nicht nur mit einem einzelnen Tab. Es erlaubt Ihnen die normalen Entwicklertools für den Browser an sich zu benutzen, statt nur für eine Seite. Dies erlaubt Ihnen dann auch das debuggen von Addons und vom browsereigenen JavaScript Code und nicht nur von Internetseiten.</p>
<h2 id="Öffnen_der_Browser-Werkzeuge">Öffnen der Browser-Werkzeuge</h2>
<p>Die Browser-Werkzeuge sind nicht standardmäßig aktiviert. Um dies zu tun, müssen Sie diese Schritte befolgen:</p>
<ul>
<li>öffnen Sie die <a href="/en-US/docs/Tools_Toolbox#Settings">Toolbox settings</a></li>
<li>Klicken Sie auf "<em>chrome-Debugging aktivieren</em>" und <em>"Externes Debugging aktivieren".</em></li>
</ul>
<p>Jetzt sollten sie einen neuen Menüpunkt mit dem Namen "Browser-Werkzeuge" sehen.</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6661/open-menu.png" style="display: block; height: 477px; margin-left: auto; margin-right: auto; width: 508px;">Nach dem Klick auf Browser Toolbox wird Ihnen eine Meldung wie folgt angezeigt:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6663/warning.png" style="display: block; height: 243px; margin-left: auto; margin-right: auto; width: 554px;">Bestätigen Sie diese mit OK und die Browser Toolbox wird in einem seperatem Fenster geöffnet:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/6665/browser-toolbox.png" style="display: block; margin-left: auto; margin-right: auto;">Sie sehen alle JavaScript Dateien, die vom Browser und den laufenen Add-Ons, geladen wurden und können diese debuggen. Außerdem haben Sie Zugriff auf folgende Entwickler Werkzeuge (developer tools):</p>
<ul>
<li><a href="/en-US/docs/Tools/Debugger">Debugger</a></li>
<li><a href="/en-US/docs/Tools/Browser_Console">Console</a></li>
<li><a href="/en-US/docs/Tools/Style_Editor">Style Editor</a></li>
<li><a href="/en-US/docs/Tools/Profiler">Profiler</a></li>
<li><a href="/en-US/docs/Tools/Network_Monitor">Network Monitor</a></li>
<li><a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a></li>
<li><a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a></li>
</ul>
<p> </p>
<p> </p>
|
