---
title: Firefox Geliştirici Araçları
slug: Tools
tags:
  - Türkçe Firefox Devop Toolls
  - firefox aurora
  - geliştirici araçları
translation_of: Tools
original_slug: Araclar
---
<div><font><font><font><font>{{ToolsSidebar}}</font></font></font></font></div>

<div class="summary">HTML, CSS ve JavaScript'i telefonundan ve masaüstü bilgisayarından incele, düzenle ve ayıkla. Geliştirici araçları son sürümleri için <a href="https://www.mozilla.org/en-US/firefox/developer/">Firefox Gelistirici Sürümü'nü indir</a>.</div>

<div class="column-container zone-callout">
<h3 id="Aurora_da_neler_yeni"><a href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/" title="Aurora Hacks sonrası">Aurora' da neler yeni?</a></h3>
Son <a href="http://www.mozilla.org/en-US/firefox/aurora/" title="http://www.mozilla.org/en-US/firefox/aurora/">Firefox Aurora dağıtımı</a> Firefox 27' dir, ve geliştirici araçları için bu güncellemeleri içerir:

<ul>
 <li><a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a>, WebGL shader'larını görmenizi ve değiştirmenizi sağlar</li>
 <li><font><font>Debugger'ı dinlediğiniz </font></font><a href="/en-US/docs/Tools/Debugger#Break_on_a_DOM_event"><font><font>DOM olaylarında durması</font></font></a><font><font> için talimat verin</font></font></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector#Editing_HTML"><font><font>Denetçide HTML'yi değiştirin</font></font></a></li>
 <li><font><font>Denetçinin </font></font><a href="/en-US/docs/Tools/Page_Inspector#Rules_view"><font><font>Kurallar Sekmasinde</font></font></a><font><font>, renk paletlerini ve arkaplanları görün</font></font></li>
 <li><font><font>Web Konsolu şimdi </font></font><a href="/en-US/docs/Tools/Web_Console#Reflow_events"><font><font>yeniden akış olayları kaydeder</font></font></a></li>
 <li><font><font>Kod Görüntüleyici  şimdi çoğu araçta kaynak editörü olarak kullanılmakta</font></font></li>
</ul>
</div>

<div class="column-container">
<p><img alt="Seçmenler adipiscing lorem ipsum dolor elit, sit amet.  Kazanan sonuc Maecenas futbol.  Maecenas korkar.  Tamam bir, çalışan, çapı yaşamak, olmayan lütfen, kolay Hayat, Hayim.  Ama vadi Eleman Am rafa sohbet.  Hamil finanse Hemen başlayın." src="https://mdn.mozillademos.org/files/6111/debugger-800.png" style="display: block; height: 360px; margin-left: auto; margin-right: auto; width: 800px;"><span class="seoSummary"><font><font>Firefox Geliştirici Araçları'nı </font></font><a href="/en-US/docs/Tools/Page_Inspector" title="/ Tr-TR / docs / Araçlar / Page_Inspector"><font><font>HTML and CSS'i incelemek ve düzenlemek</font></font></a><font><font>, </font></font><a href="/en-US/docs/Tools/Debugger" title="/ Tr-TR / docs / Araçlar / Debugger"><font><font>JavaScript'te</font></font></a><font><font> hata ayıklamak ve sayfa içinde </font></font><a href="/en-US/docs/Tools/Web_Console#The_command_line_interpreter" title="/ Tr-TR / docs / Araçlar / Web_Console # The_command_line_interpreter"><font><font>JavaScript'i çalıştırmak</font></font></a><font><font> için kullanabilirsiniz. Bir sayfayı yüklerken tarayıcınızın karşılaştığı JavaScript ve CSS uyarı ve hatalarını görebilmeye ek olarak, ağ isteklerini görmek için de bu geliştirici araçlarını kullanabilirsiniz. </font></font></span></p>

<div class="tpart"><font><font>Android için Firefox ve yakında Firefox OS çalıştıran kodda hata ayıklamak için geliştirici araçlarını kullanabilirsiniz. Mobil geliştirmeyi hedefleyen araçlar da sağladık: Duyarlı Tasarım Görünümü, bir sitenin küçük bir ekranda nasıl görüneceğini görmenin hızlı bir yoludur ve Firefox OS Simulator, bir Firefox OS uygulamasını masaüstünde gerek kalmadan çalıştırmanıza ve hata ayıklamanıza olanak tanır gerçek bir Firefox OS cihazı kullanmak için.</font></font></div>

<div class="tpart"></div>

<div class="tpart"><font><font>Firefox eklentileri hata ayıklayıcı API'sına erişebilir, böylece yerleşik araçları genişleten ve geliştiren kendi geliştirici araçlarınızı oluşturabilirsiniz. Uzaktan hata ayıklama protokolü ile kendi hata ayıklama istemcilerinizi ve sunucularınızı uygulayabilir, böylece kendi araçlarınızı kullanarak web sitelerinde hata ayıklama veya Firefox araçlarını kullanarak farklı hedeflerde hata ayıklama yapabilirsiniz.</font></font></div>

<div class="column-third">
<h2 id="Tools" name="Tools"><font><font>Araç Kutusu</font></font></h2>

<p><a href="/en-US/docs/Tools/Toolbox" title="/ Tr-TR / docs / Araçlar / Araç Kutusu"><font><font>Araç Kutusu</font></font></a><font><font>, Firefox içindeki tüm Geliştirici Araçları'nı tek çatı altına toplamayı sağlamaktadır.</font></font></p>

<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector" title="Araçlar / Page_Inspector"><font><font>Sayfa Denetçisi</font></font></a></dt>
 <dd><font><font>Görünüm ve seçili öğe için HTML ve CSS ayarları.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Web_Console" title="Araçlar / Web_Console"><font><font>Web Konsolu </font></font></a></dt>
 <dd><font><font>Web sayfası yükleyen browser tarafından gönderilen bilgi, uyarı ve hata mesajlarını görün, ve JavaScript kullanarak sayfayı inceleyin ve degiştirin.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Style_Editor" title="Araçlar / Style_Editor"><font><font>Biçim Editörü</font></font></a></dt>
 <dd><font><font>Sayfanızdaki CSS ayarlarını görün ve düzenleyin.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Debugger" title="Araçlar / Debugger"><font><font>JavaScript Debugger</font></font></a></dt>
 <dd><font><font>Browserda calışan JavaScript kodunu inceleyin ve değişkenleri takip ederek kodunuzu debug edin.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Profiler" title="Araçlar / Profiler"><font><font>JavaScript Profiler</font></font></a></dt>
 <dd><font><font>Profiler'ı kullanarak JavaScript'inizin vaktini nerede harcadığını anlayın.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Network_Monitor" title="Araçlar / Network_Monitor"><font><font>Ağ izleyici</font></font></a></dt>
 <dd><font><font>Bir sayfa yüklendiğinde gerçekleşen bütün ağ taleplerini ve ne kadar süre aldıklarını inceleyin.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Shader_Editor"><font><font>Shader Editör</font></font></a></dt>
 <dd><font><font>Görüntüleme ve düzenleme köşe ve kullandığı parçası shader </font></font><a href="https://developer.mozilla.org/en-US/docs/Web/WebGL"><font><font>WebGL</font></font></a><font><font> .</font></font></dd>
</dl>
</div>

<div class="column-third">
<h2 id="Mobil"><font><font>Mobil</font></font></h2>

<p><font><font>Elbette mobil web geliştiricileri de web geliştiricileridir. Bu nedenle wen geliştirme araçlarının çoğunun mobil wen geliştiricilerini de ilgilendiriyor.Fakat sadece mobil geliştirmeyi hedefleyen bazı araçlar da hazırladık.</font></font></p>

<dl>
 <dt><a href="/en-US/docs/Tools/Remote_Debugging" title="Araçlar / Remote_Debugging"><font><font>Uzaktan Hata Ayıklama</font></font></a></dt>
 <dd><font><font>Android cihazında USB üzerinden hata ayıklamak için geliştirici araçlarını kullanın.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Firefox_OS_Simulator" title="Araçlar / Firefox_OS_Simulator"><font><font>Firefox OS Simülatör</font></font></a></dt>
 <dd><font><font>Gerçek bir Firefox OS cihazı kullanmanıza gerek kalmadan masaüstünde Firefox OS uygulamanızı çalıştırın ve hata ayıklayın.</font></font></dd>
 <dt><a href="/en-us/docs/Tools/Responsive_Design_View" title="/ En-us / docs / Araçlar / Responsive_Design_View"><font><font>Responsive Tasarım Görünümü</font></font></a></dt>
 <dd><font><font>Tarayıcı pencerenizin boyutunu değiştirmeden web sitenizin veya uygulamanızın farklı ekran boyutlarında nasıl görüneceğini görün..</font></font></dd>
</dl>
</div>

<div class="column-third">
<h2 id="Bağımsız_Araçlar"><font><font>Bağımsız Araçlar</font></font></h2>

<p><font><font>Bu araçlar Firefox'a dahil edilebilir, ama kullanıcı arayüzleri (GUI) Araç Kutusu'na entegre edilemezler.</font></font></p>

<dl>
 <dt><a href="/en-US/docs/Tools/Scratchpad" title="Araçlar / Scratchpad'i"><font><font>Çalışma defteri</font></font></a></dt>
 <dd><font><font>Yazdığınız ve JavaScript yürütmek sağlar Firefox yerleşik bir metin editörü.</font></font></dd>
 <dt><a href="/en-us/docs/Tools/Browser_Console" title="/ En-us / docs / Araçlar / Responsive_Design_View"><font><font>Tarayıcı Konsol</font></font></a></dt>
 <dd><font><font>içerik, krom içeren tarayıcıda çalışan tüm JavaScript kodundan mesajlarına bakın ve eklentileri. </font><font>krom pencerenin bağlamda JavaScript kodunu yürütün.</font></font></dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/GCLI" title="ve / Araçlar / GCLI"><font><font>Geliştirici Araç Çubuğu</font></font></a></dt>
 <dd><font><font>Bir komut satırı arayüzü en sık kullanılan araçlara hızlı erişim için geliştirici Firefox'ta araçları ve düğmelerle işlemek ve çalışmak için.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/3D_View" title="Araçlar / 3D_View"><font><font>3D Görünüm</font></font></a></dt>
 <dd><font><font>"Tilt", bu mevcut sayfanın 3D görselleştirme sağlar olarak da bilinir.</font></font></dd>
 <dt><a href="/en-US/docs/Tools/Paint_Flashing_Tool" title="Araçlar / Paint_Flashing_Tool"><font><font>Yanıp sönen Aracı Boya</font></font></a></dt>
 <dd><font><font>Boya yanıp sönen aracı siteyle ilgili olası performans sorunları teşhis etmek için yardımcı olaylar karşısında yeniden boyanması ve tarayıcı penceresinin bir kısmını vurgular.</font></font></dd>
</dl>
</div>
</div>

<hr>
<h2 id="Diğer_Kaynaklar"><font><font>Diğer Kaynaklar</font></font></h2>

<p><font><font>Mozilla'nın geliştirici araçları ekibi tarafından tutulan ancak değil bu bölümde listelenmiştir kaynakları yaygın web geliştiricileri tarafından kullanılır. </font><font>Biz bu listedeki birkaç Firefox eklentileri dahil, fakat tam liste için bkz ettik </font></font><a href="https://addons.mozilla.org/en-US/firefox/extensions/web-development/" title="https://addons.mozilla.org/en-US/firefox/extensions/web-development/"><font><font>addons.mozilla.org "Web Geliştirme" kategorisinde</font></font></a><font><font> .</font></font></p>

<dl>
 <dt><a href="https://www.getfirebug.com/" title="kundakçı"><font><font>kundakçı</font></font></a></dt>
 <dd><font><font>bir JavaScript debugger, HTML ve CSS düzenleyici ve gösterici ve ağ monitör de dahil olmak üzere bir çok popüler ve güçlü bir web geliştirme aracı.</font></font></dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/DOM_Inspector" title="DOM_Inspector"><font><font>DOM Ayıklayıcı</font></font></a></dt>
 <dd><font><font>web sayfaları veya XUL pencerelerin DOM göz, kontrol ve düzenleme.</font></font></dd>
 <dt><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" title="Web Geliştiricisi"><font><font>Web Geliştirici</font></font></a></dt>
 <dd><font><font>Bir menü ve çeşitli web geliştirici araçları ile tarayıcıya bir araç çubuğu ekler.</font></font></dd>
 <dt><a href="https://webmaker.org/en-US/tools/" title="https://webmaker.org/en-US/tools/"><font><font>Web Tasarım Aracı</font></font></a></dt>
 <dd><font><font>Mozilla tarafından geliştirilen araçlar kümesi, insanlar Internet gelişimi ile başlarken amaçlayan.</font></font></dd>
 <dt><a href="http://www.w3.org/Status.html" title="W3C"><font><font>W3C Doğrulayıcı</font></font></a></dt>
 <dd><font><font>W3C web sitesinin dahil olmak üzere web geçerliliğini kontrol etmek bir dizi araç barındıran </font></font><a href="http://validator.w3.org/" title="http://validator.w3.org/"><font><font>HTML</font></font></a><font><font> ve </font></font><a href="http://jigsaw.w3.org/css-validator/" title="http://jigsaw.w3.org/css-validator/"><font><font>CSS</font></font></a><font><font> .</font></font></dd>
 <dt><a href="http://www.jshint.com/" title="JSHint"><font><font><font><font>JSHint</font></font></font></font></a></dt>
 <dd><font><font>JavaScript kod analiz aracı</font></font></dd>
</dl>