From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/nl/tools/index.html | 210 ---- files/nl/tools/keyboard_shortcuts/index.html | 1066 -------------------- files/nl/tools/page_inspector/index.html | 57 -- files/nl/tools/remote_debugging/index.html | 22 - files/nl/tools/responsive_design_mode/index.html | 94 -- files/nl/tools/shader_editor/index.html | 58 -- files/nl/tools/web_console/index.html | 50 - .../web_console/keyboard_shortcuts/index.html | 11 - 8 files changed, 1568 deletions(-) delete mode 100644 files/nl/tools/index.html delete mode 100644 files/nl/tools/keyboard_shortcuts/index.html delete mode 100644 files/nl/tools/page_inspector/index.html delete mode 100644 files/nl/tools/remote_debugging/index.html delete mode 100644 files/nl/tools/responsive_design_mode/index.html delete mode 100644 files/nl/tools/shader_editor/index.html delete mode 100644 files/nl/tools/web_console/index.html delete mode 100644 files/nl/tools/web_console/keyboard_shortcuts/index.html (limited to 'files/nl/tools') diff --git a/files/nl/tools/index.html b/files/nl/tools/index.html deleted file mode 100644 index 7d68b912b2..0000000000 --- a/files/nl/tools/index.html +++ /dev/null @@ -1,210 +0,0 @@ ---- -title: Developer Tools -slug: Tools -tags: - - Handleiding - - Mozilla Ontwikkelaars - - Tools - - Webontwikkeling - - Webontwikkeling hulpmiddelen -translation_of: Tools ---- -
{{ToolsSidebar}}
-
Bekijk, bewerk, en debug HTML, CSS, en JavaScript via desktop en mobiel
- -
Installeer Firefox Developer Edition - -

Wat is nieuw in Firefox Developer Edition?

- -

Firefox Developer Edition 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:

- - -
- -
- - - -
-
-

Creëren

- -

Authoring tools voor websites en web apps.

- -
-
Scratchpad
-
In Firefox ingebouwde text editor waarmee je JavaScript code schrijft en uitvoert.
-
Style Editor
-
Bekijk en bewerk CSS styles voor de huidige pagina.
-
Shader Editor
-
Bekijk en bewerk de vertex en fragment shaders die door WebGL gebruikt worden.
-
Web Audio Editor
-
Bekijk de hierarchie van audio knooppunten in een audio context, en wijzig parameters.
-
-
- -
-

Onderzoeken en debuggen

- -

Bekijk, onderzoek en debug websites en web apps.

- -
-
Web Console
-
Zie logboekberichten van een webpagina en benader de pagina via JavaScript.
-
Page Inspector
-
Bekijk en bewerk de HTML en CSS van een webpagina.
-
JavaScript Debugger
-
Onderbreek, stap door de code, onderzoek en wijzig  JavaScript code die in de pagina uitgevoerd wordt.
-
Network Monitor
-
Zie de netwerkaanvragen van een pagina die geladen werd.
-
Storage Inspector
-
Inspecteer cookies, lokale opslag, indexedDB en sessie opslag van een pagina.
-
DOM Inspector
-
Inspecteer de DOM properties en functies van een pagina.
-
Developer Toolbar
-
Een command-line interface voor de developer tools.
-
Eyedropper
-
Neem een kleur over van de pagina.
-
about:debugging
-
Een dashboard om add-ons en workers te debuggen.
-
Working with iframes
-
Hoe moet je een bepaalde iframe aanpakken?
-
-
-
- - - -
-
-
-

Mobiel

- -

Tools voor mobiele ontwikkelingen.

- -
-
Responsive Design Mode
-
Bekijk hoe uw website of app eruit zal zien op verschillende schermgroottes zonder de grootte van het browservenster te wijzigen.
-
App Manager
-
App Manager is vervangen door WebIDE.
-
WebIDE
-
Bouw, bewerk, start en debug web apps via de Firefox OS Simulator of op een fysiek Firefox OS apparaat. WebIDE is de vervanger van App Manager, beschikbaar vanaf Firefox 33.
-
Firefox OS Simulator
-
Start en debug uw Firefox OS app op de desktop zonder een fysiek Firefox OS apparaat.
-
Debugging on Firefox for Android
-
Koppel de developer tools aan Firefox voor Android.
-
Debugging Firefox for Android with WebIDE
-
Voor Desktop Firefox 36+ / Android Firefox 35+ is er een eenvoudiger proces.
-
Valence
-
Koppel de developer tools aan Chrome op Android en Safari op iOS
-
-
- -
-

Prestaties

- -

Traceer en repareer prestatieproblemen.

- -
-
Performance tool
-
Analiseerde algemene responsiviteit, JavaScript en layout prestaties van de website.
-
Geheugen
-
Onderzoek welke objecten geheugen gebruiken.
-
Frame rate graph
-
Zie de frame snelheid van de website.
-
Waterfall
-
Ontdek hoe de browser reageert wanneer de website getoond wordt.
-
Call Tree
-
Ontdek waar JavaScript code tijd consumeert.
-
- -
-
Flame Chart
-
Ontdek kritieke functies na afloop van een profiling sessie.
-
Paint Flashing Tool
-
Benadrukt de onderdelen van een pagina die opnieuw getekend worden in reactie op events.
-
Reflow Event Logging
-
Bekijk reflow events in het web console.
-
Network Performance
-
Bekijk de download tijd van elke verzoek tijdens het laden van de website.
-
-
-
- -
- - -
-
-

Debugging the browser

- -

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.

- -
-
Browser Console
-
Bekijk de berichten die door de browser en add-ons gegenereerd zijn, en draai JavaScript code in de context van de browser.
-
Browser Toolbox
-
Koppel de Developer Tools aan de browser.
-
-
- -
-

Extending the devtools

- -

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.

- -
-
Voeg een panel toe aan de devtools
-
Schrijf een add-on dat een panel toevoegd aan de Toolbox.
-
Remote Debugging Protocol
-
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.
-
Source Editor
-
Een in FireFox ingebouwde code editor die je beschikbaar kunt stellen via je add-on.
-
The Debugger Interface
-
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.
-
Aangepaste Web Console uitvoer
-
Mogelijkheid om de uitvoer van de Web Console en de Browser Console uit te breiden en aan te passen.
-
Voorbeeld devtools add-ons
-
Gebruik deze voorbeelden om zelf een devtools add-on te bouwen.
-
-
-
- - - -
-

Meer informatie

- -

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 “Web Development” rubriek over addons.mozilla.org.

- -
-
-
-
Firebug
-
Een zeer populaire en krachtige web development tool inclusief een JavaScript debugger, HTML and CSS viewer en editor en network monitor.
-
DOM Inspector
-
Inspecteer, bekijk en bewerk de DOM van webpagina's of XUL schermen.
-
Web Developer
-
Voegt een menu en toolbar met verschillende web developer tools toe aan de browser.
-
-
- -
-
-
Webmaker Tools
-
Een door Mozilla ontwikkelde toolset, gericht op beginnende web ontwikkelaars.
-
W3C Validators
-
De W3C website bevat een aantal tools om de geldigheid van je website te valideren, inclusief de bijhorende HTML en CSS.
-
JSHint
-
JavaScript code analyse tool.
-
-
-
diff --git a/files/nl/tools/keyboard_shortcuts/index.html b/files/nl/tools/keyboard_shortcuts/index.html deleted file mode 100644 index e6f890b816..0000000000 --- a/files/nl/tools/keyboard_shortcuts/index.html +++ /dev/null @@ -1,1066 +0,0 @@ ---- -title: Sneltoetsen -slug: Tools/Keyboard_shortcuts -tags: - - Tools - - l10n:priority -translation_of: Tools/Keyboard_shortcuts -original_slug: Tools/Sneltoetsen ---- -

Deze pagina vermeldt alle sneltoetsen voor de ontwikkelaarshulpmiddelen die in Firefox zijn ingebouwd.

- -

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.

- -

Omdat toegangstoetsen afhankelijk zijn van de locale, worden ze niet op deze pagina vermeld.

- -

Hulpmiddelen openen en sluiten

- -

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.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Werkset openen (met het meest recente hulpmiddel geactiveerd)Ctrl + Shift + ICmd + Opt + ICtrl + Shift + I
Werkset naar voorgrond brengen (als Werkset zich in een apart venster en niet op voorgrond bevindt)Ctrl + Shift + I of F12Cmd + Opt + I of F12Ctrl + Shift + I of F12
Werkset sluiten (als Werkset zich in een apart venster en wel op voorgrond bevindt)Ctrl + Shift + I of F12Cmd + Opt + I of F12Ctrl + Shift + I of F12
Webconsole openen 1Ctrl + Shift + KCmd + Opt + KCtrl + Shift + K
Inspector in-/uitschakelenCtrl + Shift + ICmd + Opt + ICtrl + Shift + I
Debugger openenCtrl + Shift + SCmd + Opt + SCtrl + Shift + S
Stijleditor openenShift + F7Shift + F7 1Shift + F7
Profiler openenShift + F5Shift + F5 1Shift + F5
Networkmonitor openenCtrl + Shift + QCmd + Opt + QCtrl + Shift + Q
Ontwikkelaarswerkbalk in-/uitschakelenShift + F2Shift + F2 1Shift + F2
Responsive Design-weergave in-/uitschakelenCtrl + Shift + MCmd + Opt + MCtrl + Shift + M
Browserconsole openen 2Ctrl + Shift + JCmd + Shift + JCtrl + Shift + J
Browserwerkset openenCtrl + Alt + Shift + ICmd + Opt + Shift + ICtrl + Alt + Shift + I
Kladblok openenShift + F4Shift + F4Shift + F4
WebIDE openenShift + F8Shift + F8Shift + F8
Opslag-inspector 3Shift + F9Shift + F9Shift + F9
- -

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 Ctrl + Shift + I (Cmd + Opt + I op een Mac) om de Webconsole te sluiten.

- -

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.

- -

3. Het hulpmiddel is standaard uitgeschakeld, dus de sneltoets zou niet werken voordat deze is ingeschakeld vanuit het paneel Instellingen.

- -

Werkset

- -
-

Deze sneltoetsen werken zolang de werkset is geopend, ongeacht welk hulpmiddel actief is.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Door hulpmiddelen stappen van links naar rechtsCtrl + ]Cmd + ]Ctrl + ]
Door hulpmiddelen stappen van rechts naar linksCtrl + [Cmd + [Ctrl + [
-

Wisselen tussen actief hulpmiddel en instellingen

- 		Ctrl + Shift + OCmd + Shift + OCtrl + Shift + O
Wisselen tussen actief hulpmiddel en instellingen (nieuw in Firefox 43)F1F1F1
-

Werkset wisselen tussen de laatste 2 dockingmodi (nieuw in Firefox 41)

- 		Ctrl + Shift + DCmd + Shift + DCtrl + Shift + D
Gesplitste console in-/uitschakelen (behalve als console het huidige geselecteerde hulpmiddel is)EscEscEsc
-
- -
-

Deze sneltoetsen werken in alle hulpmiddelen die door de werkset worden verzorgd.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Lettergrootte vergrotenCtrl + + Cmd + + Ctrl + +
Lettergrootte verkleinenCtrl + -Cmd + -Ctrl + -
Lettergrootte herinitialiserenCtrl + 0Cmd + 0Ctrl + 0
-
- -

Broneditor

- -
-

Deze tabel vermeldt de standaardsneltoetsen voor de broneditor.

- -

In de sectie Editorvoorkeuren van de instellingen voor de ontwikkelaarshulpmiddelen kunt u in plaats daarvan kiezen voor het gebruik van sneltoetsen van Vim, Emacs of Sublime Text.

- -

Bezoek about:config, selecteer de instelling devtools.editor.keymap 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.

- -

Vanaf Firefox 33 en hoger is de sneltoetsvoorkeur zichtbaar in de sectie Editorvoorkeuren van de instellingen voor de ontwikkelaarshulpmiddelen, en kunt u dit daar instellen in plaats van via about:config.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Naar regel gaanCtrl + JCmd + JCtrl + J
Zoeken in bestandCtrl + FCmd + FCtrl + F
Opnieuw zoekenCtrl + GCmd + GCtrl + G
Alles selecterenCtrl + ACmd + ACtrl + A
KnippenCtrl + XCmd + XCtrl + X
KopiërenCtrl + CCmd + CCtrl + C
PlakkenCtrl + VCmd + VCtrl + V
Ongedaan makenCtrl + ZCmd + ZCtrl + Z
Opnieuw uitvoerenCtrl + Shift + Z / Ctrl + YCmd + Shift + Z / Cmd + YCtrl + Shift + Z / Ctrl + Y
InspringenTabTabTab
Inspringen ongedaan makenShift + TabShift + TabShift + Tab
Regel(s) omhoog verplaatsenAlt + UpAlt + UpAlt + Up
Regel(s) omlaag verplaatsenAlt + DownAlt + DownAlt + Down
Regel(s) van opmerking voorzien/ontdoenCtrl + /Cmd + /Ctrl + /
-
- -

Pagina-inspector

- -
- - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Element inspecterenCtrl + Shift + CCmd + Opt + CCtrl + Shift + C
- -

HTML-paneel

- -

Deze sneltoetsen werken terwijl u zich in het HTML-paneel van de Inspector bevindt.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De geselecteerde node verwijderenDeleteDeleteDelete
Verwijderen van een node ongedaan makenCtrl + ZCmd + ZCtrl + Z
Verwijderen van een node opnieuw uitvoerenCtrl + Shift + Z / Ctrl + YCmd + Shift + Z / Cmd + YCtrl + Shift + Z / Ctrl + Y
Verder naar volgende node (alleen uitgevouwen nodes)Pijl omlaagPijl omlaagPijl omlaag
Terug naar vorige nodePijl omhoogPijl omhoogPijl omhoog
Huidige geselecteerde node uitvouwenPijl naar rechtsPijl naar rechtsPijl naar rechts
Huidige geselecteerde node samenvouwenPijl naar rechtsPijl naar rechtsPijl naar rechts
Vooruit stappen door de attributen van een nodeTabTabTab
Terug stappen door de attributen van een nodeShift + TabShift + TabShift + Tab
Beginnen met bewerken van het geselecteerde attribuutEnterReturnEnter
De geselecteerde node verbergen/tonenHHH
Focus op het zoekveld in het HTML-paneel leggenCtrl + FCmd + FCtrl + F
Bewerken als HTMLF2F2F2
De buitenste HTML van de geselecteerde node kopiëren (nieuw in Firefox 42)Ctrl + CCmd + CCtrl + C
De geselecteerde node scrollen in weergave (nieuw in Firefox 44)SSS
De volgende overeenkomst in de opmaak zoeken, als zoeken actief isEnterReturnEnter
De vorige overeenkomst in de opmaak zoeken, als zoeken actief is (nieuw in Firefox 48)Shift + EnterShift + ReturnShift + Enter
- -

CSS-paneel

- -

Deze sneltoetsen werken wanneer u zich in het CSS-paneel van de Inspector bevindt.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Focus op het zoekveld in het CSS-paneel leggenCtrl + FCmd + FCtrl + F
Inhoud van zoekveld wissen (alleen wanneer focus op het zoekveld ligt, en inhoud is ingevoerd)EscEscEsc
Vooruit stappen door eigenschappen en waardenTabTabTab
Terug stappen door eigenschappen en waardenShift + TabShift + TabShift + Tab
Beginnen met bewerken van eigenschap of waarde (alleen weergave Regels, wanneer een eigenschap of waarde is geselecteerd, maar nog niet wordt bewerkt)Enter of SpatieReturn of SpatieEnter of Spatie
Omhoog en omlaag bewegen tussen suggesties voor automatisch aanvullen (alleen weergave Regels, wanneer een eigenschap of waarde wordt bewerkt)Pijl omhoog , Pijl omlaagPijl omhoog , Pijl omlaagPijl omhoog , Pijl omlaag
Huidige suggestie voor automatisch aanvullen kiezen (alleen weergave Regels, wanneer een eigenschap of waarde wordt bewerkt)Enter or TabReturn or TabEnter or Tab
Geselecteerde waarde met 1 verhogenPijl omhoogPijl omhoogPijl omhoog
Geselecteerde waarde met 1 verlagenPijl omlaagPijl omlaagPijl omlaag
Geselecteerde waarde met 100 verhogenShift + Page UpShift + Page UpShift + Page Up
Geselecteerde waarde met 100 verlagenShift + Page DownShift + Page DownShift + Page Down
Geselecteerde waarde met 10 verhogenShift + Pijl omhoogShift + Pijl omhoogShift + Pijl omhoog
Geselecteerde waarde met 10 verlagenShift + Pijl omlaagShift + Pijl omlaagShift + Pijl omlaag
Geselecteerde waarde met 0,1 verhogenAlt + Pijl omhoogOpt + Pijl omhoogAlt + Pijl omhoog
Geselecteerde waarde met 0,1 verlagenAlt + Pijl omlaagOpt + Pijl omlaagAlt + Pijl omlaag
Meer informatie over huidige eigenschap tonen/verbergen (alleen weergave Berekend, wanneer een eigenschap is geselecteerd, nieuw in Firefox 49)Enter of SpatieReturn of SpatieEnter of Spatie
MDN-referentiepagina over huidige eigenschap openen (alleen weergave Berekend, wanneer een eigenschap is geselecteerd, nieuw in Firefox 49)F1F1F1
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)EnterReturnEnter
-
- -

Debugger

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De Debugger openenCtrl + Shift + SCmd + Opt + SCtrl + Shift + S
Zoeken in de huidige bron via het scriptfilterCtrl + FCmd + FCtrl + F
Volgende zoeken in de huidige bronEnter / Pijl omhoogReturn / Pijl omhoogEnter / Pijl omhoog
Vorige zoeken in de huidige bronShift + Enter / Pijl omlaagShift + Return / Pijl omlaagShift + Enter / Pijl omlaag
Zoeken in alle bronnen via het scriptfilterCtrl + Alt + FCmd + Opt + FCtrl + Alt + F
Zoeken naar scripts op naamCtrl + P / Ctrl + OCmd + P / Ctrl + OCtrl + P / Ctrl + O
Zoeken naar functiedefinitiesCtrl + DCmd + DCtrl + D
Variabelen filteren bij gepauzeerde uitvoeringCtrl + Alt + VCmd + Opt + VCtrl + Alt + V
Uitvoering hervatten bij een breakpointF8F8 1F8
OverslaanF10F10 1F10
InstappenF11F11 1F11
UitstappenShift + F11Shift + F11 1Shift + F11
Breakpoint op de huidige geselecteerde regel in-/uitschakelenCtrl + BCmd + BCtrl + B
Voorwaardelijk breakpoint op de huidige geselecteerde regel in-/uitschakelenCtrl + Shift + BCmd + Shift + BCtrl + Shift + B
Geselecteerde tekst aan Watch-expressies toevoegenCtrl + Shift + ECmd + Shift + ECtrl + Shift + E
Naar regel gaan via het scriptfilterCtrl + LCmd + LCtrl + L
Zoeken via het scriptfilterCtrl + OCmd + OCtrl + O
In het bronpaneel naar een functiedefinitie springen (nieuw in Firefox 44)Ctrl + klikkenCmd + klikkenCtrl + klikken
- -

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 handleiding voor het gebruik van deze toetsen als standaard functietoetsen. Houd ook de functietoets ingedrukt om een anders toegewezen toets als een standaard functietoets te gebruiken (gebruik dus Shift + Functie + F5 om de Profiler te openen).

-
- -

Webconsole

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De Webconsole openenCtrl + Shift + KCmd + Opt + KCtrl + Shift + K
Zoeken in het berichtweergavepaneelCtrl + FCmd + FCtrl + F
Het object-inspector-paneel wissenEscapeEscapeEscape
Focus op de opdrachtregel leggenCtrl + Shift + KCmd + Opt + KCtrl + Shift + K
Uitvoer wissen -

Ctrl + L

- -

Vanaf Firefox 44:

- -

Ctrl + Shift + L

- 		Ctrl + L -

Ctrl + L

- -

Vanaf Firefox 44:

- -

Ctrl + Shift + L

-
- -

Opdrachtregel-interpreter

- -

Deze sneltoetsen zijn van toepassing wanneer u zich in de opdrachtregel-interpreter bevindt.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Scrollen naar begin van console-uitvoer (alleen als de opdrachtregel leeg is)HomeHomeHome
Scrollen naar einde van console-uitvoer (alleen als de opdrachtregel leeg is)EndEndEnd
Pagina omhoog door console-uitvoerPage upPage upPage up
Pagina omlaag door console-uitvoerPage downPage downPage down
Teruggaan door opdrachtgeschiedenisPijl omhoogPijl omhoogPijl omhoog
Vooruit gaan door opdrachtgeschiedenisPijl omlaagPijl omlaagPijl omlaag
Naar het begin van de regel springenHomeCtrl + ACtrl + A
Naar het einde van de regel springenEndCtrl + ECtrl + E
De huidige expressie uitvoerenEnterReturnEnter
Een nieuwe regel toevoegen, voor het invoeren van meerregelige expressiesShift + EnterShift + ReturnShift + Enter
- -

Pop-up voor automatisch aanvullen

- -

Deze sneltoetsen zijn van toepassing terwijl de pop-up voor automatisch aanvullen is geopend:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De huidige suggestie voor automatisch aanvullen kiezenTabTabTab
De pop-up voor automatisch aanvullen annulerenEscapeEscapeEscape
Naar de vorige suggestie voor automatisch aanvullen springenPijl omhoogPijl omhoogPijl omhoog
Naar de volgende suggestie voor automatisch aanvullen springenPijl omlaagPijl omlaagPijl omlaag
Pagina omhoog door suggesties voor automatisch aanvullenPage upPage upPage up
Pagina omlaag door suggesties voor automatisch aanvullenPage downPage downPage down
Scrollen naar begin van suggesties voor automatisch aanvullenHomeHomeHome
Scrollen naar einde van suggesties voor automatisch aanvullenEndEndEnd
-
- -

Stijleditor

- - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De Stijleditor openenShift + F7Shift + F7Shift + F7
Pop-up voor automatisch aanvullen openenCtrl + SpatieCmd + SpatieCtrl + Spatie
- -
-

Kladblok

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
Het Kladblok openenShift + F4Shift + F4Shift + F4
Kladbok-code uitvoerenCtrl + RCmd + RCtrl + R
Kladblok-code uitvoeren, het resultaat in de object-inspector weergevenCtrl + ICmd + ICtrl + I
Kladblok-code uitvoeren,het resultaat als een opmerking invoegenCtrl + LCmd + LCtrl + L
Huidige functie opnieuw evaluerenCtrl + ECmd + ECtrl + E
De huidige pagina laden, daarna Kladblok-code uitvoerenCtrl + Shift + RCmd + Shift + RCtrl + Shift + R
Het blok opslaanCtrl + SCmd + SCtrl + S
Een bestaand blok openenCtrl + OCmd + OCtrl + O
Een nieuw blok makenCtrl + NCmd + NCtrl + N
Kladblok sluitenCtrl + WCmd + WCtrl + W
De code ‘prettyprinten’ in KladblokCtrl + PCmd + PCtrl + P
Suggesties voor automatisch aanvullen tonenCtrl + SpatieCtrl + SpatieCtrl + Spatie
Inlinedocumentatie tonenCtrl + Shift + SpatieCtrl + Shift + SpatieCtrl + Shift + Spatie
-
- -
-

Eyedropper

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
OpdrachtWindowsOS XLinux
De huidige kleur selecterenEnterReturnEnter
De Eyedropper sluitenEscapeEscapeEscape
Verplaatsen per 1 pixelPijltoetsenPijltoetsenPijltoetsen
Verplaatsen per 10 pixelsShift + pijltoetsenShift + pijltoetsenShift + pijltoetsen
-
diff --git a/files/nl/tools/page_inspector/index.html b/files/nl/tools/page_inspector/index.html deleted file mode 100644 index def4a6262e..0000000000 --- a/files/nl/tools/page_inspector/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -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 ---- -

Gebruik de Pagina-inspector om de HTML- en CSS-code in een pagina te bewerken en te bekijken.

- -

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 Remote debugging voor informatie over het verbinden van ontwikkelaarshulpmiddelen met een extern doel.

- -
-

Rondleiding over gebruikersinterface

- -

Bekijk een snelle rondleiding over de UI om wegwijs te raken in de Inspector.

- -
-

Handleidingen

- -

Bekijk de volgende handleidingen om te zien wat u allemaal met de Inspector kunt doen:

- -
- -
- -
-

Referentie

- -
- -
diff --git a/files/nl/tools/remote_debugging/index.html b/files/nl/tools/remote_debugging/index.html deleted file mode 100644 index 31c74ed98e..0000000000 --- a/files/nl/tools/remote_debugging/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -title: Remote Debugging -slug: Tools/Remote_Debugging -translation_of: Tools/Remote_Debugging ---- -

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 Toolbox to the remote process, and the Toolbox is then launched in its own window. At the moment the following tools support remote debugging:

- -

Firefox for Android

-

Remotely debugging Firefox for Android describes how to connect to Firefox on an Android device over USB.

-

Firefox for Metro

-

Remotely debugging Firefox for Metro describes how to use desktop Firefox to debug code running in Windows 8 (Metro-style) Firefox.

-

Firefox OS

-

Using the App Manager includes instructions for connecting the Firefox developer tools to the Firefox OS simulator or to a Firefox OS device.

-

Thunderbird

-

Remotely debugging Thunderbird explains how a combination of Firefox and Thunderbird can be used to debug code running in Thunderbird.

diff --git a/files/nl/tools/responsive_design_mode/index.html b/files/nl/tools/responsive_design_mode/index.html deleted file mode 100644 index b721c39114..0000000000 --- a/files/nl/tools/responsive_design_mode/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: Responsive Design View -slug: Tools/Responsive_Design_Mode -translation_of: Tools/Responsive_Design_Mode -original_slug: Tools/Responsive_Design_View ---- -

Responsive design 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.

- -

{{EmbedYouTube("LBcE72sG2s8")}}

- -

Het screenshot hieronder laat een mobiele versie zien van een Wikipedia-pagina met een grootte van 320 op 480.

- -

- -

Het Responsive Design View werkt vlot omdat je snel en precies de grootte van het beeld kan aanpassen.

- -

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.

- -

Als het Responsive Design View is ingeschakeld, kan je verder surfen in het verkleinde beeld.

- -

Aan- en afzetten

- -

Er zijn drie manieren om Responsive Design View mode aan te zetten:

- - - -

en drie manieren om Responsive Design View af te zetten:

- - - -

Vergroten / verkleinen

- -

Je kan het inhoudsvlak vergroten of verkleinen op twee manieren:

- - - -

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.

- -
-

Responsive Design View controls

- -

Aan de bovenkant van het venstertje van het Responsive Design View, staan vijf knoppen:

- - - - - - - - - - - - - - - - - - - - - - - - -
SluitenSluit het Responsive Design View en browse verder zoals voordien.
Select size -

Kies een voorgemaakte combinatie tussen breedte en hoogte of maak er zelf één.

- -


- Vanaf Firefox 33 zijn de nummers die hier staan direct aanpasbaar. Zo kan je gemakkelijk eigen dimensies toevoegen.

-
Portret/LandschapWissel het scherm tussen een portret view en een landschap view.
-

Simuleer touch events

- 		-

Schakel touch event simulatie in of uit: als touch event simulatie is ingeschakeld, worden muis events omgezet naar touch events.

-
-

Neem een screenshot

- 		Neem een screenshot van het inhoudsgebied. -

Screenshots worden opgeslagen in de standaard downloadlocatie van Firefox.

-
-
- -

 

diff --git a/files/nl/tools/shader_editor/index.html b/files/nl/tools/shader_editor/index.html deleted file mode 100644 index 5745c9d825..0000000000 --- a/files/nl/tools/shader_editor/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: Shader Editor -slug: Tools/Shader_Editor -tags: - - Shader Editor -translation_of: Tools/Shader_Editor ---- -

De Shader Editor staat toe om de vertex en de fragment shaders in te zien en deze te bewerken, die gebruikt worden door WebGL.

- -

{{EmbedYouTube("-pEZXNuFFWI")}}

- -

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 OpenGL rendering pipeline: een vertex shader, deze levert de coördinaten voor elk nog niet getekende vertex, en een fragment shader, die de kleur levert voor elk afzonderlijke pixel.
-
- Deze shaders zijn geschreven in OpenGL Shading Language, of GLSL. In WebGL kunnen zij op meerdere manieren worden opgenomen in een pagina: als tekst hardcoded in JavaScript bronnen, als afzonderlijke bestanden door<script> 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.

- -

Met de Shader Editor kun je de bron van de vertex en fragment shaders onderzoeken en bewerken.

- -

Hier is nog een screencast. Deze laat je zien hoe je de Shader Editor kunt gebruiken voor complexe applicaties (in dit geval, de Unreal Engine demo):

- -

{{EmbedYouTube("YBErisxQkPQ")}}

- -

De Shader Editor

- -

De Shader Editor is standaard uitgezet. Om hem aan te zetten, opent u de Hulpmiddelen voor webontwikkelaars openen (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.
-
- U ziet een leeg venster met een knop: Laad de pagina opnieuw om GLSL-code te kunnen bewerken.

- -

- -

Om te beginnen moet u een pagina die WebGL context creëert laden. De screenshots hieronder zijn uit de Unreal Engine demo.

- -

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:

- -

- -

Programma's beheren

- -

De linkerkolom somt alle momenteel WebGL gebruikte programma's op. Als je muis zweeft over een van deze programma's, wordt de door dat programma voorziende geometrie in het rood gemarkeerd:

- -

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:

- -

Wanneer je op een specifiek programma klikt verschijnen de vertex en fragment shaders in de andere kolommen. Deze kunt u bewerken.

- -

Shaders bewerken

- -

In het middelste en de rechterkolom worden de vertex en fragment shaders getoont van het momenteel geselecteerde programma.
-
- 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:

- -

De editor highlights syntax errors in uw code:

- -

Als u de muis op het rode rondje met witte kruis houdt, ziet u meer details over het probleem:

- -

- -

 

- -

 

diff --git a/files/nl/tools/web_console/index.html b/files/nl/tools/web_console/index.html deleted file mode 100644 index 350ee3e001..0000000000 --- a/files/nl/tools/web_console/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -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 ---- -

De Webconsole:

- -
    -
  1. 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.
    2. -
  2. Zorgt ervoor dat u interactie met een webpagina kunt hebben door JavaScript-expressies in de context van de pagina uit te voeren.
    3. -
- -

{{EmbedYouTube("C6Cyrpkb25k")}}

- -
-
-
-
De Webconsole openen
-
Beginnen met het gebruik van de Webconsole.
-
De opdrachtregel-interpreter
-
Interactie met een document via de Console.
-
Console splitsen
-
De Console naast andere hulpmiddelen gebruiken.
-
-
- -
-
-
Consoleberichten
-
Details over de berichten die de Console bijhoudt.
-
Rijke uitvoer
-
Objecten die door de Console worden bijgehouden zien en interactie hiermee.
-
Sneltoetsen
-
Referentie naar sneltoetsen.
-
-
-
- -
-
diff --git a/files/nl/tools/web_console/keyboard_shortcuts/index.html b/files/nl/tools/web_console/keyboard_shortcuts/index.html deleted file mode 100644 index b60c10ea3f..0000000000 --- a/files/nl/tools/web_console/keyboard_shortcuts/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: Sneltoetsen -slug: Tools/Web_Console/Keyboard_shortcuts -translation_of: Tools/Web_Console/Keyboard_shortcuts -original_slug: Tools/Web_Console/Sneltoetsen ---- -

{{ Page ("nl/docs/tools/Keyboard_shortcuts", "web-console") }}

- -

Algemene sneltoetsen

- -

{{ Page ("nl/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}

-- cgit v1.2.3-54-g00ecf