Firefox Developer Edition

Tehty verkkosivustojen rakentajille

Ainoa kaltaisillesi kehittäjille tehty selain.

Firefox Developer Edition — suomi

Järjestelmäsi ei ehkä täytä Firefoxin vaatimuksia, mutta voit kokeilla jotain näistä:

Firefox Developer Edition — suomi

Järjestelmäsi ei täytä Firefoxin järjestelmävaatimuksia.

Järjestelmäsi ei täytä Firefoxin järjestelmävaatimuksia.

Please follow these instructions to install Firefox.

Firefoxin tietosuoja
Firefox Developer Edition
  • Suunniteltu kehittäjille

    Ainoa juuri kehittäjille tehty selain, Firefox Developer Edition, tehtiin työskentelytapasi mielessä pitäen. Rakenna, testaa ja skaalaa yhdestä paikasta, ensimmäistä kertaa.

  • Vianetsintä missä tahansa selaimessa

    Tutki sovellustasi ja etsi sen vikoja missä tahansa selaimessa tai laitteessa käyttäen Valencea – tehokasta, valmiiksi asennettua laajennusta, joka on vain Firefox Developer Editionissa.

  • Pikselintarkka koodaus

    Suunnittele useankokoisille näytöille Responsive Design View’n avulla ja säädä CSS:ää lennosssa sisäänrakennetulla Style Editorilla saadaksesi pikselintarkan koodauksen.

Kaikki parhaat kehittäjätyökalut (englanniksi)

Firefox Developer Edition kerää yhteen kaikki aikaisemmat kehittäjätyökalut sekä lisää valikoimaan tehokkaita uusia työkaluja, jotka laajentavat kykyäsi työskennellä monilla alustoilla yhdestä paikasta. Kaikki on tuttua, mutta parempaa. Ja vain Firefoxissa.

  • Screenshot

    Visual Editing Tools

    Visually edit CSS and HTML animations playing on the page from the Inspector panel. Verify alignment, dimensions and padding of any element using the Ruler and Measurement tools.

    Learn more about Visual Editing Tools
  • Screenshot

    DevTools Challenger

    Use Developer Edition’s visual animation and CSS editing tools to explore the depths of the ocean and interact with the strangest of creatures.

    Try DevTools Challenger
  • Screenshot

    Performance Tools

    Examine your web content’s frame rate, memory consumption and JS profile in a consolidated timeline view to help easily identify and troubleshoot performance bottlenecks.

    Learn more about Performance Tools
  • Screenshot

    Page Inspector

    Examine the HTML and CSS of any Web page and easily modify the structure and layout of a page.

    Learn more about Page Inspector
  • Screenshot

    Web Audio Editor

    Inspect and interact with Web Audio API in real time to ensure that all audio nodes are connected in the way you expect.

    Learn more about Web Audio Editor
  • Screenshot

    Web Console

    See logged information associated with a Web page and use Web Console to interact with Web pages using JavaScript.

    Learn more about Web Console
  • Screenshot

    JavaScript Debugger

    Step through JavaScript code and examine or modify its state to help track down bugs.

    Learn more about JavaScript Debugger
  • Screenshot

    Network Monitor

    See all the network requests your browser makes, how long each request takes and details of each request.

    Learn more about Network Monitor
  • Screenshot

    Style Editor

    View and edit CSS styles associated with a Web page, create new ones and apply existing CSS stylesheets to any page.

    Learn more about Style Editor
  • Screenshot

    Responsive Design View

    See how your Website or Web app will look on different screen sizes without changing the size of your browser window.

    Learn more about Responsive Design View
  • Screenshot

    Valence

    Develop and debug your apps across multiple browsers and devices with this powerful extension that comes pre-installed with Firefox Developer Edition.

    Learn more about Valence