initial commit

9 files changed, 1599 insertions, 0 deletions

diff --git a/files/nl/tools/index.html b/files/nl/tools/index.html
new file mode 100644
index 0000000000..7d68b912b2
--- /dev/null
+++ b/files/nl/tools/index.html
@@ -0,0 +1,210 @@
+---
+title: Developer Tools
+slug: Tools
+tags:
+  - Handleiding
+  - Mozilla Ontwikkelaars
+  - Tools
+  - Webontwikkeling
+  - Webontwikkeling hulpmiddelen
+translation_of: Tools
+---
+<div>{{ToolsSidebar}}</div>
+<div class="summary"><span class="seoSummary">Bekijk, bewerk, en debug HTML, CSS, en JavaScript via desktop en mobiel</span></div>
+
+<div class="column-container zone-callout"><a href="https://www.mozilla.org/en-US/firefox/developer/" style="float: right; margin-bottom: 20px; padding: 10px; text-align: center; border-radius: 4px; display: inline-block; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Installeer Firefox Developer Edition</a>
+
+<h3 id="What's_new_in_Aurora.3F" name="What's_new_in_Aurora.3F">Wat is nieuw in Firefox Developer Edition?</h3>
+
+<p><a href="/en-US/Firefox/Developer_Edition">Firefox Developer Edition</a> is een versie van Firefox speciaal voor ontwikkelaars, met de laatste Firefox functies en experimentele developer tools. De huidige Developer Edition heeft de volgende updates in de developer tools:</p>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Storage_Inspector#Editing_storage_items">Bewerk opgeslagen items met de Storage Inspector</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Memory/Tree_Map_view">Hierarchische visualisatie van geheugen gebruik</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Verander layout door elementen op pagina te verslepen</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages#Viewing_network_request_details">Bekijk details van HTTP verzoeken in het Web Console</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_Viewer">DOM Property Viewer</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector">Vernieuwde animatie inspector voor Web Animations API</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Settings#Choose_DevTools_theme">FireBug thema</a></li>
+</ul>
+</div>
+
+<div class="column-container zone-callout"><img alt="" src="https://mdn.mozillademos.org/files/10529/inspector.png" style="display: block; height: 467px; margin-left: auto; margin-right: auto; width: 815px;"></div>
+
+
+
+<div class="column-container">
+<div class="column-half">
+<h2 id="Creating" name="Creating">Creëren</h2>
+
+<p>Authoring tools voor websites en web apps.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a></dt>
+ <dd>In Firefox ingebouwde text editor waarmee je JavaScript code schrijft en uitvoert.</dd>
+ <dt><a href="/en-US/docs/Tools/Style_Editor">Style Editor</a></dt>
+ <dd>Bekijk en bewerk CSS styles voor de huidige pagina.</dd>
+ <dt><a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a></dt>
+ <dd>Bekijk en bewerk de vertex en fragment shaders die door <a href="/en-US/docs/Web/WebGL">WebGL</a> gebruikt worden.</dd>
+ <dt><a href="/en-US/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></dt>
+ <dd>Bekijk de hierarchie van audio knooppunten in een audio context, en wijzig parameters.</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<h2 id="Exploring" name="Exploring">Onderzoeken en debuggen</h2>
+
+<p>Bekijk, onderzoek en debug websites en web apps.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Web_Console">Web Console</a></dt>
+ <dd>Zie logboekberichten van een webpagina en benader de pagina via JavaScript.</dd>
+ <dt><a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a></dt>
+ <dd>Bekijk en bewerk de HTML en CSS van een webpagina.</dd>
+ <dt><a href="/en-US/docs/Tools/Debugger">JavaScript Debugger</a></dt>
+ <dd>Onderbreek, stap door de code, onderzoek en wijzig  JavaScript code die in de pagina uitgevoerd wordt.</dd>
+ <dt><a href="/en-US/docs/Tools/Network_Monitor">Network Monitor</a></dt>
+ <dd>Zie de netwerkaanvragen van een pagina die geladen werd.</dd>
+ <dt><a href="/en-US/docs/Tools/Storage_Inspector">Storage Inspector</a></dt>
+ <dd>Inspecteer cookies, lokale opslag, indexedDB en sessie opslag van een pagina.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/DOM_Inspector">DOM Inspector</a></dt>
+ <dd>Inspecteer de DOM properties en functies van een pagina.</dd>
+ <dt><a href="/en-US/docs/Tools/GCLI">Developer Toolbar</a></dt>
+ <dd>Een command-line interface voor de developer tools.</dd>
+ <dt><a href="/en-US/docs/Tools/Eyedropper">Eyedropper</a></dt>
+ <dd>Neem een kleur over van de pagina.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/about:debugging">about:debugging</a></dt>
+ <dd>Een dashboard om add-ons en workers te debuggen.</dd>
+ <dt><a href="/en-US/docs/Tools/Working_with_iframes">Working with iframes</a></dt>
+ <dd><span class="short_text" id="result_box" lang="nl"><span class="hps">Hoe moet je een bepaalde</span> <span class="hps">iframe</span> aanpakken?</span></dd>
+</dl>
+</div>
+</div>
+
+
+
+<hr>
+<div class="column-container">
+<div class="column-half">
+<h2 id="Mobile" name="Mobile">Mobiel</h2>
+
+<p>Tools voor mobiele ontwikkelingen.</p>
+
+<dl>
+ <dt><a href="/en-us/docs/Tools/Responsive_Design_View">Responsive Design Mode</a></dt>
+ <dd>Bekijk hoe uw website of app eruit zal zien op verschillende schermgroottes zonder de grootte van het browservenster te wijzigen.</dd>
+ <dt><a href="/en-US/Firefox_OS/Using_the_App_Manager">App Manager</a></dt>
+ <dd>App Manager is vervangen door <a href="/en-US/docs/Tools/WebIDE">WebIDE</a>.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE">WebIDE</a></dt>
+ <dd>Bouw, bewerk, start en debug web apps via de <a href="https://developer.mozilla.org/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a> of op een fysiek Firefox OS apparaat. WebIDE is de vervanger van App Manager, beschikbaar vanaf Firefox 33.</dd>
+ <dt><a href="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a></dt>
+ <dd>Start en debug uw Firefox OS app op de desktop zonder een fysiek Firefox OS apparaat.</dd>
+ <dt><a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android">Debugging on Firefox for Android</a></dt>
+ <dd>Koppel de developer tools aan Firefox voor Android.</dd>
+ <dt><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">Debugging Firefox for Android with WebIDE</a></dt>
+ <dd>Voor Desktop Firefox 36+ / Android Firefox 35+ is <span class="short_text" id="result_box" lang="nl"><span class="hps">er </span><span class="hps">een eenvoudiger</span> <span class="hps">proces</span><span>.</span></span></dd>
+ <dt><a href="/en-US/docs/Tools/Valence">Valence</a></dt>
+ <dd>Koppel de developer tools aan Chrome op Android en Safari op iOS</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<h2 id="Performance" name="Performance">Prestaties</h2>
+
+<p>Traceer en repareer prestatieproblemen.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Performance">Performance tool</a></dt>
+ <dd>Analiseerde algemene <span class="short_text" id="result_box" lang="nl"><span class="hps">responsiviteit</span></span>, JavaScript en layout prestaties van de website.</dd>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Memory">Geheugen</a></dt>
+ <dd>Onderzoek welke objecten geheugen gebruiken.</dd>
+ <dt><a href="/en-US/docs/Tools/Performance/Frame_rate">Frame rate graph</a></dt>
+ <dd>Zie de frame snelheid van de website.</dd>
+ <dt><a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a></dt>
+ <dd>Ontdek hoe de browser reageert wanneer de website getoond wordt.</dd>
+ <dt><a href="/en-US/docs/Tools/Performance/Call_Tree">Call Tree</a></dt>
+ <dd>Ontdek waar JavaScript code tijd consumeert.</dd>
+</dl>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a></dt>
+ <dd>Ontdek kritieke functies na afloop van een profiling sessie.</dd>
+ <dt><a href="/en-US/docs/Tools/Paint_Flashing_Tool">Paint Flashing Tool</a></dt>
+ <dd>Benadrukt de onderdelen van een pagina die opnieuw getekend worden in reactie op events.</dd>
+ <dt><a href="/en-US/docs/Tools/Web_Console#Reflow_events">Reflow Event Logging</a></dt>
+ <dd>Bekijk reflow events in het web console.</dd>
+ <dt><a href="/en-US/docs/Tools/Network_Monitor#Performance_analysis">Network Performance</a></dt>
+ <dd>Bekijk de download tijd van elke verzoek tijdens het laden van de website.</dd>
+</dl>
+</div>
+</div>
+
+<hr>
+
+
+<div class="column-container">
+<div class="column-half">
+<h2 id="Debugging_the_browser" name="Debugging_the_browser">Debugging the browser</h2>
+
+<p>De developer tools worden standaard aan een web pagina of web app gekoppeld. Je kunt ze echter ook aan de browser als geheel koppelen. Dit is zinvol voor browser en add-on development.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Browser_Console">Browser Console</a></dt>
+ <dd>Bekijk de berichten die door de browser en add-ons gegenereerd zijn, en draai JavaScript code in de context van de browser.</dd>
+ <dt><a href="/en-US/docs/Tools/Browser_Toolbox">Browser Toolbox</a></dt>
+ <dd>Koppel de Developer Tools aan de browser.</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<h2 id="Extending_the_devtools" name="Extending_the_devtools">Extending the devtools</h2>
+
+<p>De developer tools zijn ontworpen met het oog op uitbreidbaarheid. Firefox add-ons kunnen de developer tools benaderen, functionaliteit uitbreiden en toevoegen. Via het remote debugging protocol kun je je eigen debugging clients and servers bouwen, waarmee je het mogelijk maakt om websites met je eigen tools te debuggen of om andere doelen te debuggen met Firefox tools.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Tools/Adding_a_panel_to_the_toolbox">Voeg een panel toe aan de devtools</a></dt>
+ <dd>Schrijf een add-on dat een panel toevoegd aan de Toolbox.</dd>
+ <dt><a href="https://wiki.mozilla.org/Remote_Debugging_Protocol">Remote Debugging Protocol</a></dt>
+ <dd>Het protocol wat gebruikt wordt om de Firefox Developer Tools te verbinden met een debug doel zoals een Firefox instantie of een Firefox OS apparaat.</dd>
+ <dt><a href="/en-US/docs/Tools/Editor">Source Editor</a></dt>
+ <dd>Een in FireFox ingebouwde code editor die je beschikbaar kunt stellen via je add-on.</dd>
+ <dt><a href="/en-US/docs/Tools/Debugger-API">The <code>Debugger</code> Interface</a></dt>
+ <dd>Een JavaScript API waarmee je de uitvoering van andere JavaScript code kunt observeren.De debugger in de Firefox Developer Tools is gebouwd met deze API.</dd>
+ <dt><a href="/en-US/docs/Tools/Web_Console/Custom_output">Aangepaste Web Console uitvoer</a></dt>
+ <dd>Mogelijkheid om de uitvoer van de <a href="/en-US/docs/Tools/Web_Console">Web Console</a> en de <a href="/en-US/docs/Tools/Browser_Console">Browser Console</a> uit te breiden en aan te passen.</dd>
+ <dt><a href="/en-US/docs/Tools/Example_add-ons">Voorbeeld devtools add-ons</a></dt>
+ <dd>Gebruik deze voorbeelden om zelf een devtools add-on te bouwen.</dd>
+</dl>
+</div>
+</div>
+
+
+
+<hr>
+<h2 id="More_resources" name="More_resources">Meer informatie</h2>
+
+<p>Deze sectie somt bronnen op die momenteel niet door Mozilla's developer tools team onderhouden worden, maar die volop gebruikt worden door web developers. We hebben enkele Firefox add-ons toegevoegd aan de lijst, maar voor een complete lijst zie <a href="https://addons.mozilla.org/en-US/firefox/extensions/web-development/">“Web Development” rubriek over addons.mozilla.org</a>.</p>
+
+<div class="column-container">
+<div class="column-half">
+<dl>
+ <dt><a href="https://www.getfirebug.com/">Firebug</a></dt>
+ <dd>Een zeer populaire en krachtige web development tool inclusief een JavaScript debugger, HTML and CSS viewer en editor en network monitor.</dd>
+ <dt><a href="/en-US/docs/Tools/Add-ons/DOM_Inspector">DOM Inspector</a></dt>
+ <dd>Inspecteer, bekijk en bewerk de DOM van webpagina's of XUL schermen.</dd>
+ <dt><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a></dt>
+ <dd>Voegt een menu en toolbar met verschillende web developer tools toe aan de browser.</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<dl>
+ <dt><a href="https://webmaker.org/en-US/tools/">Webmaker Tools</a></dt>
+ <dd>Een door Mozilla ontwikkelde toolset, gericht op beginnende web ontwikkelaars.</dd>
+ <dt><a href="http://www.w3.org/Status.html">W3C Validators</a></dt>
+ <dd>De W3C website bevat een aantal tools om de geldigheid van je website te valideren, inclusief de bijhorende <a href="http://validator.w3.org/" title="http://validator.w3.org/">HTML</a> en <a href="http://jigsaw.w3.org/css-validator/" title="http://jigsaw.w3.org/css-validator/">CSS</a>.</dd>
+ <dt><a href="http://www.jshint.com/">JSHint</a></dt>
+ <dd>JavaScript code analyse tool.</dd>
+</dl>
+</div>
+</div>
diff --git a/files/nl/tools/page_inspector/index.html b/files/nl/tools/page_inspector/index.html
new file mode 100644
index 0000000000..def4a6262e
--- /dev/null
+++ b/files/nl/tools/page_inspector/index.html
@@ -0,0 +1,57 @@
+---
+title: Pagina-inspector
+slug: Tools/Page_Inspector
+tags:
+  - CSS
+  - DOM
+  - HTML
+  - Stylesheets
+  - Tools
+  - Web Development
+  - 'Web Development:Tools'
+  - 'l10n:priority'
+translation_of: Tools/Page_Inspector
+---
+<p>Gebruik de Pagina-inspector om de HTML- en CSS-code in een pagina te bewerken en te bekijken.</p>
+
+<p>U kunt pagina’s onderzoeken die in de lokale kopie van Firefox of in een extern doel zijn geladen, zoals een Firefox OS-apparaat of Firefox voor Android. Zie <a href="/nl/docs/Tools/Remote_Debugging">Remote debugging</a> voor informatie over het verbinden van ontwikkelaarshulpmiddelen met een extern doel.</p>
+
+<hr>
+<h2 id="Rondleiding_over_gebruikersinterface">Rondleiding over gebruikersinterface</h2>
+
+<p>Bekijk een <a href="/nl/docs/Tools/Page_Inspector/UI_Tour">snelle rondleiding over de UI</a> om wegwijs te raken in de Inspector.</p>
+
+<hr>
+<h2 id="Handleidingen">Handleidingen</h2>
+
+<p>Bekijk de volgende handleidingen om te zien wat u allemaal met de Inspector kunt doen:</p>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">De Inspector openen</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">HTML onderzoeken en bewerken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Het vakkenmodel onderzoeken en bewerken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Kleuren inspecteren en selecteren</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Elementen in de pagina opnieuw positioneren</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/View_fonts">Lettertypen bekijken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Transformaties visualiseren</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">De Inspector-API gebruiken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Select_an_element">Een element selecteren</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">CSS onderzoeken en bewerken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Gebeurtenislisteners onderzoeken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Work_with_animations">Werken met animaties</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">CSS-filters bewerken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/View_background_images">Achtergrondafbeeldingen bekijken</a></li>
+ <li><a href="/nl/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">De Inspector vanuit de Webconsole gebruiken</a></li>
+</ul>
+</div>
+
+<hr>
+<h2 id="Referentie">Referentie</h2>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/nl/docs/Tools/Page_Inspector/Keyboard_shortcuts">Sneltoetsen</a></li>
+ <li><a href="/nl/docs/Tools/Tools_Toolbox#Inspector">Instellingen</a></li>
+</ul>
+</div>
diff --git a/files/nl/tools/remote_debugging/index.html b/files/nl/tools/remote_debugging/index.html
new file mode 100644
index 0000000000..31c74ed98e
--- /dev/null
+++ b/files/nl/tools/remote_debugging/index.html
@@ -0,0 +1,22 @@
+---
+title: Remote Debugging
+slug: Tools/Remote_Debugging
+translation_of: Tools/Remote_Debugging
+---
+<p>You can use the Firefox developer tools on your desktop to debug code running remotely: in a different process on the same device or on a completely different device. To do this you use Firefox to attach the <a href="/en-US/docs/Toolbox" title="/en-US/docs/Toolbox">Toolbox</a> to the remote process, and the Toolbox is then launched in its own window. At the moment the following tools support remote debugging:</p>
+<ul>
+ <li><a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a> (new in Firefox 26)</li>
+ <li><a href="/en-US/docs/Tools/Debugger" title="/en-US/docs/Tools/Debugger">JavaScript Debugger</a></li>
+ <li><a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Style Editor</a></li>
+ <li><a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">Web Console</a></li>
+ <li><a href="/en-US/docs/Tools/Profiler" title="/en-US/docs/Tools/Profiler">Profiler</a></li>
+ <li><a href="/en-US/docs/Tools/Network_Monitor" title="/en-US/docs/Tools/Network_Monitor">Network Monitor</a></li>
+</ul>
+<h2 id="Firefox_for_Android">Firefox for Android</h2>
+<p><a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android">Remotely debugging Firefox for Android</a> describes how to connect to Firefox on an Android device over USB.</p>
+<h2 id="Firefox_for_Metro">Firefox for Metro</h2>
+<p><a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Metro">Remotely debugging Firefox for Metro</a> describes how to use desktop Firefox to debug code running in Windows 8 (Metro-style) Firefox.</p>
+<h2 id="Firefox_OS">Firefox OS</h2>
+<p><a href="/en-US/Firefox_OS/Using_the_App_Manager">Using the App Manager</a> includes instructions for connecting the Firefox developer tools to the Firefox OS simulator or to a Firefox OS device.</p>
+<h2 id="Thunderbird">Thunderbird</h2>
+<p><a href="/en-US/docs/Tools/Remote_Debugging/Thunderbird">Remotely debugging Thunderbird</a> explains how a combination of Firefox and Thunderbird can be used to debug code running in Thunderbird.</p>
diff --git a/files/nl/tools/responsive_design_view/index.html b/files/nl/tools/responsive_design_view/index.html
new file mode 100644
index 0000000000..2158a40f54
--- /dev/null
+++ b/files/nl/tools/responsive_design_view/index.html
@@ -0,0 +1,93 @@
+---
+title: Responsive Design View
+slug: Tools/Responsive_Design_View
+translation_of: Tools/Responsive_Design_Mode
+---
+<p><a href="/en-US/docs/Web_Development/Responsive_Web_design">Responsive design</a> past zich aan verschillende beeldgroottes aan om een presentatie te voorzien dat werkt voor verschillende soorten apparaten, zoals mobiele telefoons of tablets. Het Responsive Design View maakt het gemakkelijk om te zien hoe jouw website of app er zou uitzien op verschillende beeldgroottes.</p>
+
+<p>{{EmbedYouTube("LBcE72sG2s8")}}</p>
+
+<p>Het screenshot hieronder laat een mobiele versie zien van een Wikipedia-pagina met een grootte van 320 op 480.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6137/responsive-design-view.png"></p>
+
+<p>Het Responsive Design View werkt vlot omdat je snel en precies de grootte van het beeld kan aanpassen.</p>
+
+<p>Je kan natuurlijk ook de grootte van het browservenster aanpassen; maar als je het browservenster kleiner maakt, maak je ook de andere tabs kleiner, zo wordt het moeilijker om de browserinterface te gebruiken.</p>
+
+<p>Als het Responsive Design View is ingeschakeld, kan je verder surfen in het verkleinde beeld.</p>
+
+<h2 id="Aan-_en_afzetten">Aan- en afzetten</h2>
+
+<p>Er zijn drie manieren om Responsive Design View mode aan te zetten:</p>
+
+<ul>
+ <li>Selecteer "Responsive Design View" in het Web Developer submenu in het Firefox Menu (of in het Tools menu als de menubalk zichtbaar is of je met OS X werkt)</li>
+ <li>Druk op de "Responsive Design View" knop in de <a href="/en-US/docs/Tools_Toolbox#Toolbar" title="/en-US/docs/Tools_Toolbox#Toolbar">Toolbox's toolbar</a></li>
+ <li>Druk op Ctrl + Shift + M, (of Cmd + Opt + M bij OS X)</li>
+</ul>
+
+<p>en drie manieren om Responsive Design View af te zetten:</p>
+
+<ul>
+ <li>Selecteer het "Responsive Design View" menu item opnieuw</li>
+ <li>Klik op de "sluit"-knop in de linkerbovenhoek van het venster</li>
+ <li>Druk op Ctrl + Shift + M, (of Cmd + Opt + M bij OS X). Voor Firefox 34, kon "Escape" ook gebruikt worden om het Responsive Design View te sluiten.</li>
+</ul>
+
+<h2 id="Vergroten_verkleinen">Vergroten / verkleinen</h2>
+
+<p>Je kan het inhoudsvlak vergroten of verkleinen op twee manieren:</p>
+
+<ul>
+ <li>via de <a href="#select-size">"Select size" dropdown lijst</a></li>
+ <li>door de rechter- en/of onderkant van het venstertje te verslepen</li>
+</ul>
+
+<p>Als je de grootte aanpast door de zijkanten te verslepen, kan je Control (Cmd bij OS X) ingedrukt houden om de snelheid van de aanpassing te vertragen. Dit maakt het gemakkelijker om een precieze grootte te selecteren.</p>
+
+<div style="overflow: hidden;">
+<h2 id="Responsive_Design_View_controls">Responsive Design View controls</h2>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6139/responsive-design-view-controls.png" style="width: 545px; height: 356px; display: block; margin-left: auto; margin-right: auto;">Aan de bovenkant van het venstertje van het Responsive Design View, staan vijf knoppen:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><strong>Sluiten</strong></td>
+   <td>Sluit het Responsive Design View<strong> en browse verder zoals voordien.</strong></td>
+  </tr>
+  <tr>
+   <td><strong><a name="select-size">Select size</a></strong></td>
+   <td>
+    <p>Kies een voorgemaakte combinatie tussen breedte en hoogte of maak er zelf één.</p>
+
+    <p><br>
+     Vanaf Firefox 33 zijn de nummers die hier staan direct aanpasbaar. Zo kan je gemakkelijk eigen dimensies toevoegen.</p>
+   </td>
+  </tr>
+  <tr>
+   <td><strong>Portret/Landschap</strong></td>
+   <td>Wissel het scherm tussen een portret view en een landschap view.</td>
+  </tr>
+  <tr>
+   <td>
+    <p><strong>Simuleer touch events</strong></p>
+   </td>
+   <td>
+    <p>Schakel touch event simulatie in of uit: als touch event simulatie is ingeschakeld, worden muis events omgezet naar <a href="/en-US/docs/Web/Guide/API/DOM/Events/Touch_events">touch events</a>.</p>
+   </td>
+  </tr>
+  <tr>
+   <td>
+    <p><strong>Neem een screenshot</strong></p>
+   </td>
+   <td>Neem een screenshot van het inhoudsgebied.
+    <p>Screenshots worden opgeslagen in de standaard downloadlocatie van Firefox.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
diff --git a/files/nl/tools/shader_editor/index.html b/files/nl/tools/shader_editor/index.html
new file mode 100644
index 0000000000..5745c9d825
--- /dev/null
+++ b/files/nl/tools/shader_editor/index.html
@@ -0,0 +1,58 @@
+---
+title: Shader Editor
+slug: Tools/Shader_Editor
+tags:
+  - Shader Editor
+translation_of: Tools/Shader_Editor
+---
+<p>De Shader Editor staat toe om de vertex en de fragment shaders in te zien en deze te bewerken, die gebruikt worden door <a href="/en-US/docs/Web/WebGL">WebGL</a>.</p>
+
+<p>{{EmbedYouTube("-pEZXNuFFWI")}}</p>
+
+<p>WebGL is een JavaScript API die interactieve 3D graphics en 2D graphics in de browser renderd, zonder plugins te gebruiken. Met WebGL voorzie je 2 programma's genaamd "shaders". Deze zijn genoemd in de bijbehorende fase van de <a href="https://www.opengl.org/wiki/Rendering_Pipeline_Overview">OpenGL rendering pipeline</a>: een <a href="https://www.opengl.org/wiki/Vertex_Shader">vertex shader</a>, deze levert de coördinaten voor elk nog niet getekende vertex, en een <a href="https://www.opengl.org/wiki/Fragment_Shader">fragment shader</a>, die de kleur levert voor elk afzonderlijke pixel.<br>
+ <br>
+ Deze shaders zijn geschreven in OpenGL Shading Language, of <a href="https://www.opengl.org/documentation/glsl/">GLSL</a>. In WebGL kunnen zij op meerdere manieren worden opgenomen in een pagina: als tekst hardcoded in JavaScript bronnen, als afzonderlijke bestanden door&lt;script&gt; tags, of als plain text vanaf de server. JavaScript code in het bestand wordt gecompileerd door de WebGL API' en uitgevoerd op de apparaat zijn GPU.</p>
+
+<p>Met de Shader Editor kun je de bron van de vertex en fragment shaders onderzoeken en bewerken.</p>
+
+<p>Hier is nog een screencast. Deze laat je zien hoe je de Shader Editor kunt gebruiken voor complexe applicaties (in dit geval, de <a href="http://www.unrealengine.com/html5/">Unreal Engine</a> demo):</p>
+
+<p>{{EmbedYouTube("YBErisxQkPQ")}}</p>
+
+<h2 id="De_Shader_Editor">De Shader Editor</h2>
+
+<p>De Shader Editor is standaard uitgezet. Om hem aan te zetten, opent u de <a href="/en-US/docs/Tools_Toolbox#Settings">Hulpmiddelen voor webontwikkelaars openen</a> (Ctrl+Shift+I)en klik op "Shader Editor" in het "Standaard Firefox Ontwikkelaarshulpmiddelen" item. U ziet de "Shader Editor" verschijnen in uw toolbar. Klik op de Shader Editor knop en de Shader Editor zal openen.<br>
+ <br>
+ U ziet een leeg venster met een knop: Laad de pagina opnieuw om GLSL-code te kunnen bewerken.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6421/shader-editor-open.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>Om te beginnen moet u een pagina die WebGL context <span id="result_box" lang="nl"><span class="hps">creëert</span></span> laden. De screenshots hieronder zijn uit de <a href="http://www.unrealengine.com/html5/">Unreal Engine</a> demo.</p>
+
+<p>U ziet nu een venster verdeelt in 3 vensterruiten: een lijst met alle GLSL programma's aan de linkerzijde, de vertex shader voor het momenteel geselecteerde programma in het midden, en de fragment shader voor het momenteel geselecteerde programma aan de rechterzijde:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6431/shader-editor-loaded.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h2 id="Programma's_beheren">Programma's beheren</h2>
+
+<p>De linkerkolom somt alle momenteel WebGL gebruikte programma's op. Als je muis zweeft over een van deze programma's, <span id="result_box" lang="nl"><span class="hps">wordt</span> <span class="hps">de</span><span class="hps"> door</span> <span class="hps">dat programma</span> voorziende geometrie <span class="hps">in het rood gemarkeerd</span><span>:</span></span></p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6427/shader-editor-highlight.png" style="display: block; margin-left: auto; margin-right: auto;">Als je op het oog-icoontje klikt naast programma, aan de linkerzijde,  wordt dit specifieke programma uitgeschakeld. Dit is handig voor het focussen op bepaalde shaders of het verbergen van overlappende geometrie:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6429/shader-editor-disable.png" style="display: block; margin-left: auto; margin-right: auto;">Wanneer je op een specifiek programma klikt verschijnen de vertex en fragment shaders in de andere kolommen. Deze kunt u bewerken.</p>
+
+<h2 id="Shaders_bewerken">Shaders bewerken</h2>
+
+<p>In het middelste en de rechterkolom worden de vertex en fragment shaders getoont van het momenteel geselecteerde programma.<br>
+ <br>
+ Deze programma's kunt u bewerken en het resultaat ziet u de volgende keer wanneer WebGL herlaad (bijvoorbeeld, in de volgende animatieframe). Ook kunt u bijvoorbeeld de kleuren aanpassen:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6433/shader-editor-edit-color.png" style="display: block; margin-left: auto; margin-right: auto;">De editor highlights syntax errors in uw code:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6435/shader-editor-error.png" style="display: block; margin-left: auto; margin-right: auto;">Als u de muis op het rode rondje met witte kruis houdt, ziet u meer details over het probleem:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6437/shader-editor-error-info.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p> </p>
+
+<p> </p>
diff --git a/files/nl/tools/sneltoetsen/index.html b/files/nl/tools/sneltoetsen/index.html
new file mode 100644
index 0000000000..66612a527a
--- /dev/null
+++ b/files/nl/tools/sneltoetsen/index.html
@@ -0,0 +1,1065 @@
+---
+title: Sneltoetsen
+slug: Tools/Sneltoetsen
+tags:
+  - Tools
+  - 'l10n:priority'
+translation_of: Tools/Keyboard_shortcuts
+---
+<p>Deze pagina vermeldt alle sneltoetsen voor de ontwikkelaarshulpmiddelen die in Firefox zijn ingebouwd.</p>
+
+<p>De eerste sectie vermeldt de sneltoets voor het openen van elk hulpmiddel, de tweede sectie vermeldt sneltoetsen die van toepassing zijn op de Werkset zelf. Daarna volgt één sectie voor elk hulpmiddel waarin de sneltoetsen worden vermeld die u binnen dat hulpmiddel kunt gebruiken.</p>
+
+<p>Omdat toegangstoetsen afhankelijk zijn van de locale, worden ze niet op deze pagina vermeld.</p>
+
+<h2 id="Hulpmiddelen_openen_en_sluiten">Hulpmiddelen openen en sluiten</h2>
+
+<p>Deze sneltoetsen werken in het hoofdbrowservenster voor het openen van het bepaalde hulpmiddel. Voor hulpmiddelen die door de Werkset worden verzorgd, werken ze voor het sluiten van het hulpmiddel als dit actief is. Voor hulpmiddelen zoals de Browserconsole die in een nieuw venster wordt geopend, moet u het venster sluiten om het hulpmiddel te sluiten.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Werkset openen (met het meest recente hulpmiddel geactiveerd)</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Werkset naar voorgrond brengen (als Werkset zich in een apart venster en niet op voorgrond bevindt)</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Werkset sluiten (als Werkset zich in een apart venster en wel op voorgrond bevindt)</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> of <kbd>F12</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Webconsole openen <a href="#opening-closing-web-console-note"><strong><sup>1</sup></strong></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Inspector in-/uitschakelen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Debugger openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Stijleditor openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Profiler openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Networkmonitor openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Q</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Q</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Q</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Ontwikkelaarswerkbalk in-/uitschakelen</th>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Responsive Design-weergave in-/uitschakelen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>M</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Browserconsole openen <a href="#opening-closing-browser-console-note"><sup>2</sup></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Browserwerkset openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kladblok openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">WebIDE openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Opslag-inspector <a href="#disabled-tools-shortcut"><sup>3</sup></a></th>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a name="opening-closing-web-console-note">1. In tegenstelling tot de andere door de werkset verzorgde hulpmiddelen sluit deze sneltoets niet tevens de Webconsole. In plaats daarvan wordt hierdoor de focus op de opdrachtregel van de Webconsole gelegd. Gebruik de algemene werksetsneltoets <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> (<kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> op een Mac) om de Webconsole te sluiten.</a></p>
+
+<p><a id="opening-closing-browser-console-note" name="opening-closing-browser-console-note">2. Tot aan Firefox 38 sloot, wanneer de Browserconsole was verborgen door een normaal Firefox-venster, dezelfde toetscombinatie de Browserconsole. In Firefox 38 en hoger brengt, als de Browserconsole wordt verborgen door een normaal Firefox-venster, deze sneltoetscombinatie de Browserconsole weer op de voorgrond en wordt hier de focus op gelegd.</a></p>
+
+<p><a href="/nl/docs/Tools_Toolbox#Settings" name="disabled-tools-shortcut">3. Het hulpmiddel is standaard uitgeschakeld, dus de sneltoets zou niet werken voordat deze is ingeschakeld vanuit het paneel Instellingen.</a></p>
+
+<h2 id="Werkset">Werkset</h2>
+
+<div id="toolbox-shortcuts">
+<p>Deze sneltoetsen werken zolang de werkset is geopend, ongeacht welk hulpmiddel actief is.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Door hulpmiddelen stappen van links naar rechts</th>
+   <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>]</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Door hulpmiddelen stappen van rechts naar links</th>
+   <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>[</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Wisselen tussen actief hulpmiddel en instellingen</p>
+   </th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Wisselen tussen actief hulpmiddel en instellingen (nieuw in Firefox 43)</th>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">
+    <p>Werkset wisselen tussen de laatste 2 <a href="/nl/docs/Tools/Tools_Toolbox#Docking_mode">dockingmodi</a> (nieuw in Firefox 41)</p>
+   </th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Gesplitste console in-/uitschakelen (behalve als console het huidige geselecteerde hulpmiddel is)</th>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="all-toolbox-tools">
+<p>Deze sneltoetsen werken in alle hulpmiddelen die door de werkset worden verzorgd.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Lettergrootte vergroten</th>
+   <td><kbd>Ctrl</kbd> + <kbd> + </kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd> + </kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd> + </kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Lettergrootte verkleinen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>-</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Lettergrootte herinitialiseren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>0</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Broneditor">Broneditor</h2>
+
+<div id="source-editor">
+<p>Deze tabel vermeldt de standaardsneltoetsen voor de broneditor.</p>
+
+<p>In de sectie <a href="/nl/docs/Tools/Tools_Toolbox#Editor_Preferences">Editorvoorkeuren</a> van de instellingen voor de ontwikkelaarshulpmiddelen kunt u in plaats daarvan kiezen voor het gebruik van sneltoetsen van Vim, Emacs of Sublime Text.</p>
+
+<p>Bezoek <code>about:config</code>, selecteer de instelling <code>devtools.editor.keymap</code> en wijs ‘vim’, ‘emacs’ of ‘sublime’ toe aan die instelling om deze sneltoetsen te selecteren. Als u dit doet, worden de geselecteerde toetsen gebruikt voor alle ontwikkelaarshulpmiddelen die de broneditor gebruiken. U dient de editor opnieuw te openen om de wijziging van kracht te laten worden.</p>
+
+<p>Vanaf Firefox 33 en hoger is de sneltoetsvoorkeur zichtbaar in de sectie <a href="/nl/docs/Tools/Tools_Toolbox#Editor_Preferences">Editorvoorkeuren</a> van de instellingen voor de ontwikkelaarshulpmiddelen, en kunt u dit daar instellen in plaats van via <code>about:config</code>.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Naar regel gaan</th>
+   <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken in bestand</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Opnieuw zoeken</th>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Alles selecteren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Knippen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>X</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kopiëren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Plakken</th>
+   <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Ongedaan maken</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Opnieuw uitvoeren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Inspringen</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Inspringen ongedaan maken</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Regel(s) omhoog verplaatsen</th>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Regel(s) omlaag verplaatsen</th>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Regel(s) van opmerking voorzien/ontdoen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>/</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Pagina-inspector">Pagina-inspector</h2>
+
+<div id="page-inspector">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Element inspecteren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="HTML-paneel">HTML-paneel</h3>
+
+<p>Deze sneltoetsen werken terwijl u zich in het <a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML" title="/nl/docs/Tools/Page_Inspector#HTML_pane">HTML-paneel van de Inspector</a> bevindt.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De geselecteerde node verwijderen</th>
+   <td><kbd>Delete</kbd></td>
+   <td><kbd>Delete</kbd></td>
+   <td><kbd>Delete</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Verwijderen van een node ongedaan maken</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Verwijderen van een node opnieuw uitvoeren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Verder naar volgende node (alleen uitgevouwen nodes)</th>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Terug naar vorige node</th>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Huidige geselecteerde node uitvouwen</th>
+   <td><kbd>Pijl naar rechts</kbd></td>
+   <td><kbd>Pijl naar rechts</kbd></td>
+   <td><kbd>Pijl naar rechts</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Huidige geselecteerde node samenvouwen</th>
+   <td><kbd>Pijl naar rechts</kbd></td>
+   <td><kbd>Pijl naar rechts</kbd></td>
+   <td><kbd>Pijl naar rechts</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Vooruit stappen door de attributen van een node</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Terug stappen door de attributen van een node</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Beginnen met bewerken van het geselecteerde attribuut</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De geselecteerde node verbergen/tonen</th>
+   <td><kbd>H</kbd></td>
+   <td><kbd>H</kbd></td>
+   <td><kbd>H</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Focus op het zoekveld in het HTML-paneel leggen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Bewerken als HTML</th>
+   <td><kbd>F2</kbd></td>
+   <td><kbd>F2</kbd></td>
+   <td><kbd>F2</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De buitenste HTML van de geselecteerde node kopiëren (nieuw in Firefox 42)</th>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De geselecteerde node scrollen in weergave (nieuw in Firefox 44)</th>
+   <td><kbd>S</kbd></td>
+   <td><kbd>S</kbd></td>
+   <td><kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De volgende overeenkomst in de opmaak zoeken, als zoeken actief is</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De vorige overeenkomst in de opmaak zoeken, als zoeken actief is (nieuw in Firefox 48)</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="CSS-paneel">CSS-paneel</h3>
+
+<p>Deze sneltoetsen werken wanneer u zich in het <a href="/nl/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS" title="/nl/docs/Tools/Page_Inspector#CSS_pane">CSS-paneel van de Inspector</a> bevindt.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Focus op het zoekveld in het CSS-paneel leggen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Inhoud van zoekveld wissen (alleen wanneer focus op het zoekveld ligt, en inhoud is ingevoerd)</th>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Vooruit stappen door eigenschappen en waarden</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Terug stappen door eigenschappen en waarden</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Beginnen met bewerken van eigenschap of waarde (alleen weergave Regels, wanneer een eigenschap of waarde is geselecteerd, maar nog niet wordt bewerkt)</th>
+   <td><kbd>Enter</kbd> of <kbd>Spatie</kbd></td>
+   <td><kbd>Return</kbd> of <kbd>Spatie</kbd></td>
+   <td><kbd>Enter</kbd> of <kbd>Spatie</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Omhoog en omlaag bewegen tussen suggesties voor automatisch aanvullen (alleen weergave Regels, wanneer een eigenschap of waarde wordt bewerkt)</th>
+   <td><kbd>Pijl omhoog</kbd> , <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omhoog</kbd> , <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omhoog</kbd> , <kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Huidige suggestie voor automatisch aanvullen kiezen (alleen weergave Regels, wanneer een eigenschap of waarde wordt bewerkt)</th>
+   <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>
+   <td><kbd>Return</kbd> or <kbd>Tab</kbd></td>
+   <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 1 verhogen</th>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 1 verlagen</th>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 100 verhogen</th>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 100 verlagen</th>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 10 verhogen</th>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 10 verlagen</th>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 0,1 verhogen</th>
+   <td><kbd>Alt</kbd> + <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Opt</kbd> + <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde waarde met 0,1 verlagen</th>
+   <td><kbd>Alt</kbd> + <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Opt</kbd> + <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Meer informatie over huidige eigenschap tonen/verbergen (alleen weergave Berekend, wanneer een eigenschap is geselecteerd, nieuw in Firefox 49)</th>
+   <td><kbd>Enter</kbd> of <kbd>Spatie</kbd></td>
+   <td><kbd>Return</kbd> of <kbd>Spatie</kbd></td>
+   <td><kbd>Enter</kbd> of <kbd>Spatie</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">MDN-referentiepagina over huidige eigenschap openen (alleen weergave Berekend, wanneer een eigenschap is geselecteerd, nieuw in Firefox 49)</th>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Huidige CSS-bestand openen in Stijleditor (alleen weergave Berekend, wanneer meer informatie over een eigenschap wordt getoond en focus op een CSS-bestandsreferentie ligt, nieuw in Firefox 49)</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Debugger">Debugger</h2>
+
+<div id="debugger">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De Debugger openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken in de huidige bron via het <a href="/nl/docs/Tools/Debugger/How_to/Search_and_filter" title="/nl/docs/Tools/Debugger/How_to/Search_and_filter">scriptfilter</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Volgende zoeken in de huidige bron</th>
+   <td><kbd>Enter</kbd> / <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Return</kbd> / <kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Enter</kbd> / <kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Vorige zoeken in de huidige bron</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd> / <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Return</kbd> / <kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd> / <kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken in alle bronnen via het <a href="/nl/docs/Tools/Debugger/How_to/Search_and_filter" title="/nl/docs/Tools/Debugger/How_to/Search_and_filter">scriptfilter</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken naar scripts op naam</th>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken naar functiedefinities</th>
+   <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Variabelen filteren bij gepauzeerde uitvoering</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>V</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Uitvoering hervatten bij een breakpoint</th>
+   <td><kbd>F8</kbd></td>
+   <td><kbd>F8</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F8</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Overslaan</th>
+   <td><kbd>F10</kbd></td>
+   <td><kbd>F10</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F10</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Instappen</th>
+   <td><kbd>F11</kbd></td>
+   <td><kbd>F11</kbd> <sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>F11</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Uitstappen</th>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd> <sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Breakpoint op de huidige geselecteerde regel in-/uitschakelen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>B</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Voorwaardelijk breakpoint op de huidige geselecteerde regel in-/uitschakelen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Geselecteerde tekst aan Watch-expressies toevoegen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Naar regel gaan via het <a href="/nl/docs/Tools/Debugger/How_to/Search_and_filter" title="/nl/docs/Tools/Debugger/How_to/Search_and_filter">scriptfilter</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken via het <a href="/nl/docs/Tools/Debugger/How_to/Search_and_filter" title="/nl/docs/Tools/Debugger/How_to/Search_and_filter">scriptfilter</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">In het <a href="/nl/docs/Tools/Debugger/UI_Tour#Source_pane">bronpaneel</a> naar een functiedefinitie springen (nieuw in Firefox 44)</th>
+   <td><kbd>Ctrl</kbd> + klikken</td>
+   <td><kbd>Cmd</kbd> + klikken</td>
+   <td><kbd>Ctrl</kbd> + klikken</td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a name="mac-function-key-note">1. Standaard is op sommige Macs de functietoets anders toegewezen voor het gebruik van een speciale functie: bijvoorbeeld voor het wijzigen van de schermhelderheid of het volume. Bekijk hiervoor deze </a><a href="http://support.apple.com/kb/HT3399" title="http://support.apple.com/kb/HT3399">handleiding voor het gebruik van deze toetsen als standaard functietoetsen</a>. Houd ook de functietoets ingedrukt om een anders toegewezen toets als een standaard functietoets te gebruiken (gebruik dus <kbd>Shift</kbd> + <kbd>Functie</kbd> + <kbd>F5</kbd> om de Profiler te openen).</p>
+</div>
+
+<h2 id="Webconsole">Webconsole</h2>
+
+<div id="web-console">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De Webconsole openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Zoeken in het berichtweergavepaneel</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Het <a href="/nl/docs/Tools/Web_Console#Inspecting_objects" title="/nl/docs/Tools/Web_Console#Inspecting_objects">object-inspector-paneel</a> wissen</th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Focus op de opdrachtregel leggen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Uitvoer wissen</th>
+   <td>
+    <p><kbd>Ctrl</kbd> + <kbd>L</kbd></p>
+
+    <p>Vanaf Firefox 44:</p>
+
+    <p><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd></p>
+   </td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td>
+    <p><kbd>Ctrl</kbd> + <kbd>L</kbd></p>
+
+    <p>Vanaf Firefox 44:</p>
+
+    <p><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd></p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Opdrachtregel-interpreter">Opdrachtregel-interpreter</h3>
+
+<p>Deze sneltoetsen zijn van toepassing wanneer u zich in de <a href="/nl/docs/Tools/Web_Console#The_command_line_interpreter" title="/nl/docs/Tools/Web_Console#The_command_line_interpreter">opdrachtregel-interpreter</a> bevindt.</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Scrollen naar begin van console-uitvoer (alleen als de opdrachtregel leeg is)</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Scrollen naar einde van console-uitvoer (alleen als de opdrachtregel leeg is)</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Pagina omhoog door console-uitvoer</th>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Pagina omlaag door console-uitvoer</th>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Teruggaan door <a href="/nl/docs/Tools/Web_Console#Command_history" title="/nl/docs/Tools/Web_Console#Command_history">opdrachtgeschiedenis</a></th>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Vooruit gaan door opdrachtgeschiedenis</th>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Naar het begin van de regel springen</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Naar het einde van de regel springen</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De huidige expressie uitvoeren</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Een nieuwe regel toevoegen, voor het invoeren van meerregelige expressies</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Pop-up_voor_automatisch_aanvullen">Pop-up voor automatisch aanvullen</h3>
+
+<p>Deze sneltoetsen zijn van toepassing terwijl de <a href="/nl/docs/Tools/Web_Console#Autocomplete">pop-up voor automatisch aanvullen</a> is geopend:</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De huidige suggestie voor automatisch aanvullen kiezen</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De pop-up voor automatisch aanvullen annuleren</th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Naar de vorige suggestie voor automatisch aanvullen springen</th>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+   <td><kbd>Pijl omhoog</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Naar de volgende suggestie voor automatisch aanvullen springen</th>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+   <td><kbd>Pijl omlaag</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Pagina omhoog door suggesties voor automatisch aanvullen</th>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Pagina omlaag door suggesties voor automatisch aanvullen</th>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Scrollen naar begin van suggesties voor automatisch aanvullen</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Scrollen naar einde van suggesties voor automatisch aanvullen</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="Stijleditor">Stijleditor</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De Stijleditor openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Pop-up voor automatisch aanvullen openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Spatie</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<div id="scratchpad">
+<h2 id="Kladblok">Kladblok</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">Het Kladblok openen</th>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kladbok-code uitvoeren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kladblok-code uitvoeren, het resultaat in de <a href="/nl/docs/Tools/Web_Console#Inspecting_objects" title="/nl/docs/Tools/Web_Console#Inspecting_objects">object-inspector</a> weergeven</th>
+   <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kladblok-code uitvoeren,het resultaat als een opmerking invoegen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Huidige functie opnieuw evalueren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De huidige pagina laden, daarna Kladblok-code uitvoeren</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Het blok opslaan</th>
+   <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Een bestaand blok openen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Een nieuw blok maken</th>
+   <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>N</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Kladblok sluiten</th>
+   <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>W</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De code ‘prettyprinten’ in Kladblok</th>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Suggesties voor automatisch aanvullen tonen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Spatie</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Inlinedocumentatie tonen</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Spatie</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Spatie</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="eyedropper">
+<h2 id="Eyedropper">Eyedropper</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">Opdracht</th>
+   <th scope="col">Windows</th>
+   <th scope="col">OS X</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">De huidige kleur selecteren</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">De Eyedropper sluiten</th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Verplaatsen per 1 pixel</th>
+   <td><kbd>Pijltoetsen</kbd></td>
+   <td><kbd>Pijltoetsen</kbd></td>
+   <td><kbd>Pijltoetsen</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">Verplaatsen per 10 pixels</th>
+   <td><kbd>Shift</kbd> + <kbd>pijltoetsen</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>pijltoetsen</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>pijltoetsen</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/nl/tools/web_console/index.html b/files/nl/tools/web_console/index.html
new file mode 100644
index 0000000000..350ee3e001
--- /dev/null
+++ b/files/nl/tools/web_console/index.html
@@ -0,0 +1,50 @@
+---
+title: Webconsole
+slug: Tools/Web_Console
+tags:
+  - Beveiliging
+  - Debugging
+  - Gids
+  - Handleiding
+  - Security
+  - Tools
+  - Web Development
+  - 'Web Development:Tools'
+  - web console
+translation_of: Tools/Web_Console
+---
+<p>De Webconsole:</p>
+
+<ol>
+ <li>Houdt informatie bij die betrekking heeft op een webpagina: netwerkaanvragen, JavaScript, CSS, beveiligingsfouten en -waarschuwingen, evenals fout-, waarschuwings- en informatieberichten die expliciet worden vastgelegd door JavaScript-code die in de paginacontext wordt uitgevoerd.</li>
+ <li>Zorgt ervoor dat u interactie met een webpagina kunt hebben door JavaScript-expressies in de context van de pagina uit te voeren.</li>
+</ol>
+
+<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>
+
+<div class="column-container">
+<div class="column-half">
+<dl>
+ <dt><a href="/docs/Tools/Web_Console/Opening_the_Web_Console">De Webconsole openen</a></dt>
+ <dd>Beginnen met het gebruik van de Webconsole.</dd>
+ <dt><a href="/docs/Tools/Web_Console/The_command_line_interpreter">De opdrachtregel-interpreter</a></dt>
+ <dd>Interactie met een document via de Console.</dd>
+ <dt><a href="/docs/Tools/Web_Console/Split_console">Console splitsen</a></dt>
+ <dd>De Console naast andere hulpmiddelen gebruiken.</dd>
+</dl>
+</div>
+
+<div class="column-half">
+<dl>
+ <dt><a href="/docs/Tools/Web_Console/Console_messages">Consoleberichten</a></dt>
+ <dd>Details over de berichten die de Console bijhoudt.</dd>
+ <dt><a href="/docs/Tools/Web_Console/Rich_output">Rijke uitvoer</a></dt>
+ <dd>Objecten die door de Console worden bijgehouden zien en interactie hiermee.</dd>
+ <dt><a href="/docs/Tools/Web_Console/Keyboard_shortcuts">Sneltoetsen</a></dt>
+ <dd>Referentie naar sneltoetsen.</dd>
+</dl>
+</div>
+</div>
+
+<dl>
+</dl>
diff --git a/files/nl/tools/web_console/sneltoetsen/index.html b/files/nl/tools/web_console/sneltoetsen/index.html
new file mode 100644
index 0000000000..34c8a2e3a5
--- /dev/null
+++ b/files/nl/tools/web_console/sneltoetsen/index.html
@@ -0,0 +1,10 @@
+---
+title: Sneltoetsen
+slug: Tools/Web_Console/Sneltoetsen
+translation_of: Tools/Web_Console/Keyboard_shortcuts
+---
+<p>{{ Page ("nl/docs/tools/Keyboard_shortcuts", "web-console") }}</p>
+
+<h2 id="Algemene_sneltoetsen">Algemene sneltoetsen</h2>
+
+<p>{{ Page ("nl/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}</p>
diff --git a/files/nl/tools/webide/index.html b/files/nl/tools/webide/index.html
new file mode 100644
index 0000000000..2c500ad533
--- /dev/null
+++ b/files/nl/tools/webide/index.html
@@ -0,0 +1,34 @@
+---
+title: WebIDE
+slug: Tools/WebIDE
+translation_of: Archive/WebIDE
+---
+<div class="summary">
+<p>WebIDE enables you to create, edit, run, and debug web apps using the <a href="https://developer.mozilla.org/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a> or a real Firefox OS device.</p>
+
+<p>It also enables you to connect the <a href="https://developer.mozilla.org/en-US/docs/Tools">Firefox Developer Tools</a> to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. See the <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">Remote Debugging</a> page for instructions on how to connect to a specific browser.</p>
+</div>
+
+<p>With WebIDE, you first <a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">set up one or more runtimes</a>. A runtime is an environment in which you'll run and debug the app. A runtime could be a Firefox OS device connected to the desktop over USB (or over Wi-Fi since <a href="/en-US/Firefox/Releases/39">Firefox 39</a>), or it could be a Firefox OS Simulator installed on the desktop itself.</p>
+
+<p>Next, you <a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps">create an app, or open an existing app</a>. If you're creating a new app you can start with a template that includes the directory structure and the minimum boilerplate you need to get started, or a more complete template that shows how to use a privileged API. WebIDE shows your app's files in a tree, and you can edit and save them using a built-in source editor. Of course, you don't have to use the built-in editor: you can develop your app entirely outside WebIDE, and only use it for debugging.</p>
+
+<p>Finally, you can <a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">install the app in one of the runtimes and run it</a>. You can then open the usual suite of developer tools - the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector">Inspector</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console">Console</a>, <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger">JavaScript Debugger</a> and so on - to examine and modify the running app.</p>
+
+<hr>
+<dl>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Opening_WebIDE">Opening WebIDE</a></dt>
+ <dd>How to open WebIDE from within Firefox.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Setting_up_runtimes">Setting up runtimes</a></dt>
+ <dd>How to connect to a runtime in which you can install apps, including Firefox OS devices, the the Firefox OS Simulator, and Firefox for Android.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Creating_and_editing_apps">Creating and editing apps</a></dt>
+ <dd>How to create, open, and develop apps using WebIDE.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/The_runtime_menu">The runtime menu</a></dt>
+ <dd>Once you've selected a runtime, use the runtime menu to get information about the runtime and its apps, modify settings, and take a screenshot.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Running_and_debugging_apps">Running and debugging apps</a></dt>
+ <dd>How to install apps to a runtime and debug them using the Firefox Developer Tools.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Working_with_Cordova_apps_in_WebIDE">Working with Cordova apps in WebIDE</a></dt>
+ <dd>From Firefox 39, you can edit and debug Cordova apps using WebIDE.</dd>
+ <dt><a href="/en-US/docs/Tools/WebIDE/Troubleshooting">Troubleshooting</a></dt>
+ <dd>Help for problems with WebIDE, especially problems connecting to a runtime.</dd>
+</dl>