---
title: Hata ayıklayıcı
slug: Tools/Debugger
tags:
  - '#HataAyıklayıcı #HataAyıklama #JavaScript'
translation_of: Tools/Debugger
original_slug: Araclar/HataAyıklayıcı
---
<div class="note">
<p>Bu sayfa Firefox 52 veya daha üzeri sürümdeki JavaScript Hata Ayıklayıcı'yı tanıtır. Daha önceki sürümlerde nasıl olduğunu görmek için  <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger_%28before_Firefox_52%29">Debugger (before Firefox 52)</a>.</p>

<p>Eğer Firefox 52 veya daha yeni sürüm kullanıyor ve  eski Hata Ayıklayıcı'ya dönmek istiyorsanız, about:config adresini ziyaret edip  "devtools.debugger.new-debugger-frontend" tercihini <code>false</code> yaparak başarabilirsiniz. </p>
</div>

<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>

<p>JavaScript Hata Ayıklayıcı, hataları izlemenize yardımcı olması için JavaScript kodunu adım adım izlemenize veya durumunu değiştirmenize olanak tanır.</p>

<p>Onu Firefox'ta yerel olarak hata ayıklamak için veya uzaktan çalıştırılabilir. Örneğin Android cihazda Android için Firefox çalışırken. Uzaktaki bir hedefe nasıl bağlanıldığını öğrenmek için <a href="/en-US/docs/Tools/Remote_Debugging"> Remote debugging </a>sayfasını ziyaret edin.</p>

<p>Hata Ayıklayıcı Firefox'ta yerleşik olarak bulunur, ve bu sayfalar Firefox'ta gömülü bu özelliği açıklar. Ancak onu bağımsız bir web uygulaması olarak da çalıştırabilirsiniz, ve daha sonra onu hata ayıklamak için diğer tarayıcılarda ve düğümde kullanabilirsiniz. Daha fazla detay için projenin GitHub deposuna bakabilirsiniz: <a href="https://github.com/devtools-html/debugger.html">project's GitHub repository</a>.</p>

<p>Yeni Hata Ayıklayıcı  — henüz — eski Hata Ayıklayıcı'nın tüm özelliklerini desteklemiyor. Şuradan bakın: <a href="/en-US/docs/Tools/Debugger/Limitations_of_the_new_debugger">Limitations of the new debugger</a>.</p>

<hr>
<h2 id="Kullanıcı_Arayüz_Turu">Kullanıcı Arayüz Turu</h2>

<p>Hata Ayıklayıcı'da yolunuzu bulmak için size küçük bir tur : <a href="/en-US/docs/Tools/Debugger/UI_Tour">quick tour of the UI</a>.</p>

<hr>
<h2 id="Nasıl">Nasıl?</h2>

<p>Hata Ayıklayıcı'da ne yapabileceğinizi bulmak için aşağıdaki Nasıl? Rehberini takip edin:</p>

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Open_the_debugger">Open the debugger</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Set a breakpoint</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Set a conditional breakpoint</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disable breakpoints</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">Step through code</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Breaking_on_exceptions">Breaking on exceptions</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Pretty-print a minified file</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Search">Search</a></li>
 <li><a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Debug eval sources</a></li>
</ul>
</div>

<hr>
<h2 id="Referans">Referans</h2>

<div class="twocolumns">
<ul>
 <li><a href="/en-US/docs/Tools/Debugger/Keyboard_shortcuts">Klavye kısayolları</a></li>
</ul>
</div>