---
title: Инструменты разработчика
slug: Glossary/Developer_Tools
tags:
  - Инспектор
  - инструменты
translation_of: Glossary/Developer_Tools
original_slug: Словарь/Инструменты_разработчика
---
<p>Инструменты разработчика (от англ. "development tools" или сокращённо "DevTools") - это программы, которые позволяют создавать, тестировать и отлаживать ({{Glossary("debug")}}) программное обеспечение.</p>

<p>Современные браузеры имеют встроенные инструменты разработчика, позволяющие просмотреть исходный код сайта. С их помощью можно просматривать и отлаживать {{Glossary("HTML")}} сайта, его {{Glossary("CSS")}} и {{Glossary("JavaScript")}}. Также можно проверить сетевой трафик, потребляемый сайтом, его быстродействие и много других параметров.</p>

<h3 id="General_knowledge">General knowledge</h3>

<ul>
 <li>{{interwiki("wikipedia", "Web development tools", "Web development tools")}} on Wikipedia</li>
</ul>

<h3 id="Technical_reference">Technical reference</h3>

<ul>
 <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> on MDN</li>
 <li><a href="https://getfirebug.com/">Firebug</a> (former developer tool for Firefox)</li>
 <li><a href="https://developer.chrome.com/devtools">Chrome DevTools</a> on chrome.com</li>
 <li><a href="https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1">Safari Web Inspector</a> on apple.com</li>
 <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide">Edge Dev Tools</a> on microsoft.com</li>
</ul>