{ -brand-name-firefox-developer-edition } is the blazing fast browser that offers cutting edge developer tools and latest features like CSS Grid support and framework debugging

{ -brand-name-firefox-developer-edition } is de razendsnelle browser die de modernste ontwikkelaarshulpmiddelen en nieuwste functies biedt, zoals ondersteuning voor CSS Grid en framework-debugging

{ -brand-name-firefox-developer-edition }

{ -brand-name-firefox-developer-edition }

Welcome to your new favorite browser. Get the latest features, fast performance, and the development tools you need to build for the open web.

Welkom bij uw nieuwe favoriete browser. Verkrijg de nieuwste functies, snelle prestaties, en de nodige ontwikkelaarshulpmiddelen om het open web te bouwen.

Speak up

Laat u horen

Feedback makes us better. Tell us how we can improve the browser and Developer tools.

Feedback maakt ons beter. Vertel hoe we de browser en ontwikkelaars­hulpmiddelen kunnen verbeteren.

Join the conversation

Meediscussiëren

Get involved

Meewerken

Help build the last independent browser. Write code, fix bugs, make add-ons, and more.

Help de laatste onafhankelijke browser te bouwen. Schrijf code, fix bugs, maak add-ons, en meer.

Start now

Nu beginnen

Design. Code. Test. Refine.

Ontwerp. Schrijf code. Test. Verfijn.

Build and Perfect your sites<br> with { -brand-name-firefox-devtools }

Bouw en optimaliseer uw websites<br> met { -brand-name-firefox-devtools }

Inspector

Inspector

Inspect and refine code to build pixel-perfect layouts.

Inspecteer en verfijn code voor pixel-perfecte vormgevingen.

Learn more about Page Inspector

Meer info over de Pagina-inspector

Console

Console

Track CSS, JavaScript, security and network issues.

Volg problemen met CSS, JavaScript, beveiliging en netwerken.

Learn more about Web Console

Meer info over de Webconsole

Debugger

Debugger

Powerful JavaScript debugger with support for your framework.

Krachtige JavaScript-debugger met ondersteuning voor uw framework.

Learn more about JavaScript Debugger

Meer info over de JavaScript-debugger

Network

Netwerk

Monitor network requests that can slow or block your site.

Monitor netwerkaanvragen die uw website kunnen vertragen of blokkeren.

Learn more about Network Monitor

Meer info over de Netwerkmonitor

Storage panel

Paneel Opslag

Add, modify and remove cache, cookies, databases and session data.

Buffer, cookies, databases en sessiegegevens toevoegen, aanpassen en verwijderen.

Learn more about Storage Panel

Meer info over het paneel Opslag

Responsive Design Mode

Responsive Design-modus

Test sites on emulated devices in your browser.

Test websites op geëmuleerde apparaten in uw browser.

Learn more about Responsive Design View

Meer info over de Responsive Design-weergave

Visual Editing

Visueel bewerken

Fine-tune animations, alignment and padding.

Optimaliseer animaties, uitlijning en opvulling.

Learn more about Visual Editing

Meer info over Visueel bewerken

Performance

Prestaties

Unblock bottlenecks, streamline processes, optimize assets.

Verwijder knelpunten, stroomlijn processen, optimaliseer middelen.

Learn more about Performance Tools

Meer info over Prestatiehulpmiddelen

Memory

Geheugen

Find memory leaks and make your application zippy.

Vind geheugenlekken en maak uw toepassing supersnel.

Learn more about Memory Tools

Meer info over Geheugenhulpmiddelen

Style Editor

Stijleditor

Edit and manage all your CSS stylesheets in your browser.

Bewerk en beheer al uw CSS-stijlbladen in uw browser.

Learn more about Style Editor

Meer info over de Stijleditor

New Tools

Nieuwe hulpmiddelen

Inactive CSS

Inactieve CSS

{ -brand-name-firefox-devtools } now grays out CSS declarations that don’t have an effect on the page. When you hover over the info icon, you’ll see a useful message about why the CSS is not being applied, including a hint about how to fix the problem.

{ -brand-name-firefox-devtools } geeft voortaan CSS-declaraties die geen effect op de pagina hebben grijs weer. Wanneer u het informatiepictogram aanwijst, ziet u een nuttig bericht over waarom de CSS niet wordt toegepast, inclusief een hint over hoe het probleem kan worden opgelost.

{ -brand-name-firefox-devtools }

{ -brand-name-firefox-devtools }

The new { -brand-name-firefox-devtools } are powerful, flexible, and best of all, hackable. This includes a best-in-class JavaScript debugger, which can target multiple browsers and is built in React and Redux.

De nieuwe { -brand-name-firefox-devtools } zijn krachtig, flexibel, en het beste van alles, aanpasbaar. Hieronder valt een uitmuntende JavaScript-debugger, die geschikt is voor meerdere browsers en gebouwd is in React en Redux.

Master CSS Grid

Beheers CSS Grid

Built for Developers

Gebouwd voor ontwikkelaars

Innovative Features

Innovatieve functies