diff options
Diffstat (limited to 'files/tr/araclar/web_konsolu')
5 files changed, 349 insertions, 0 deletions
diff --git a/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html b/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html new file mode 100644 index 0000000000..b145783aca --- /dev/null +++ b/files/tr/araclar/web_konsolu/bolunmus_konsol/index.html @@ -0,0 +1,20 @@ +--- +title: Bölünmüş Konsol +slug: Araclar/Web_Konsolu/Bolunmus_Konsol +translation_of: Tools/Web_Console/Split_console +--- +<div>{{ToolsSidebar}}</div> + +<p>Konsolu diğer araçlarla birlikte kullanabilirsiniz. Araç kutusundaki başka bir araçtayken, <kbd>Esc</kbd>'ye tıklayın ya da <a href="/en-US/docs/Tools_Toolbox#Toolbar">Araç Çubuğu</a> menüsündeki "Bölünmüş Konsolu Göster"i seçin. Araç kutusu şimdi yukarıda orijinal araç ve altındaki web konsoluyla birlikte gözükecektir.</p> + +<p>Bölünmüş konsolu tekrar <kbd>Esc</kbd>'ye tıklayarak ya da "Bölünmüş Konsolu Gizle" butonuyla kapatabilirsiniz.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16106/split-console.png" style="border-style: solid; border-width: 1px; height: 77px; width: 350px;"></p> + +<p>{{EmbedYouTube("G2hyxhPHyXo")}}</p> + +<p>Her zaman olduğu gibi, <code>$0</code> elementler için Denetçi'de seçilmiş kısaltmalar şeklinde çalışır:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16105/split-console-debugger.png" style="display: block; height: 805px; margin-left: auto; margin-right: auto; width: 902px;">Bölünmüş konsolu hata ayıklayıcı ile birlikte kullandığınızda, konsolun kapsamı o anda çalışan yığın çerçevesidir. Öyleyse fonksiyonda bir kesme noktasına gelirseniz, kapsam işlevin kapsamı olacaktır. İşlevde tanımlanan nesneler için otomatik tamamlama elde edersiniz ve bunları kolayca değiştirebilirsiniz:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16107/split-console-show-debug.png" style="display: block; height: 805px; margin-left: auto; margin-right: auto; width: 902px;"></p> diff --git a/files/tr/araclar/web_konsolu/index.html b/files/tr/araclar/web_konsolu/index.html new file mode 100644 index 0000000000..585d711508 --- /dev/null +++ b/files/tr/araclar/web_konsolu/index.html @@ -0,0 +1,45 @@ +--- +title: Web Konsolu +slug: Araclar/Web_Konsolu +tags: + - Debugging Guide Tools Turkish + - Türkçe DevOps Web Console Mozilla + - Türkçe Web Development + - Web Machine Türkçe + - Web console Türkçe +translation_of: Tools/Web_Console +--- +<div>{{ToolsSidebar}}</div> + +<p><strong> Web Konsolu:</strong></p> + +<ol> + <li>Kayıt bilgileri bir web sayfasıyla ilişkilidir: ağ istekleri, JavaScript, CSS, güvenlik hataları, uyarılar -ve hatalar da-, sayfa içeriğinde çalışan JavaScript kodunda uyarılar ve bilgilendirme mesajları açıkça tutulur.</li> + <li>Sayfa içeriğinde JavaScript ifadeleri çalıştırarak bir web sayfasıyla etkileşime girmenizi sağlar</li> +</ol> + +<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/tr/docs/Araclar/Web_Konsolu/Web_Konsolunu_Acmak">Web Konsolunu Açmak</a></dt> + <dd>Web Konsolu nasıl açılır bilgisi.</dd> + <dt><a href="/tr/docs/Araclar/Web_Konsolu/Komut_Satiri_Tercumani">Komut Satırı Tercümanı</a></dt> + <dd>How to interact with a document using the Console.</dd> + <dt><a href="/tr/docs/Araclar/Web_Konsolu/Bolunmus_Konsol">Bölünmüş Konsol</a></dt> + <dd>Konsolu diğer araçlarla birlikte kullanın.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/docs/Tools/Web_Console/Console_messages">Konsol mesajları</a></dt> + <dd>Konsol kayıtlarının detayları.</dd> + <dt><a href="/tr/docs/Araclar/Web_Konsolu/Zengin_Cikti">Zengin Çıktı</a></dt> + <dd>Konsol tarafından kaydedilen nesnelere bakın ve bunlarla etkileşime geçin.</dd> + <dt><a href="/en-US/docs/Tools/Web_Console/Keyboard_shortcuts">Klavye Kısaltmaları</a></dt> + <dd>Kısayol referansı.</dd> +</dl> +</div> +</div> diff --git a/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html b/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html new file mode 100644 index 0000000000..a63f823b21 --- /dev/null +++ b/files/tr/araclar/web_konsolu/komut_satiri_tercumani/index.html @@ -0,0 +1,141 @@ +--- +title: Komut Satırı Tercümanı +slug: Araclar/Web_Konsolu/Komut_Satiri_Tercumani +translation_of: Tools/Web_Console/The_command_line_interpreter +--- +<div>{{ToolsSidebar}}</div> + +<p>Web Konsolu'nun komut satırını kullanarak gerçek zamanlı bir şekilde JavaScript ifadelerini yorumlayabilirsiniz.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16672/web_console.png" style="display: block; height: 350px; margin-left: auto; margin-right: auto; width: 924px;"></p> + +<h2 id="İfadeleri_Giriş">İfadeleri Giriş</h2> + +<p>İfadeleri girmek için komut satırına yazmanız ve <kbd>Enter</kbd> 'a tıklamanız yeterlidir. çoklu satırlı ifadeleri girmek için, <kbd>Enter</kbd> yerine <kbd>Shift</kbd>+<kbd>Enter</kbd> kullanmalısınız.</p> + +<p>Yazdığınız ifade mesaj görüntüleme penceresinde yankılanır ve sonuç şöyle olur:</p> + +<p><img alt="Console output showing syntax highlighting" src="https://mdn.mozillademos.org/files/16670/console_01.png" style="border: 1px solid black; display: block; height: 179px; margin: 0px auto; width: 918px;"></p> + +<p><kbd>Enter</kbd> tuşuna bastığınızda girişiniz tam gözükmüyorsa, Konsol bunu girişinizi tamamlamanızı sağlayan <kbd>Shift</kbd>+<kbd>Enter</kbd> kombinasyonu olarak kabul eder.</p> + +<p>Örneğin, şöyle yazarsanız:</p> + +<pre class="brush: js">function foo() {</pre> + +<p>sonra <kbd>Enter</kbd> 'a basarsanız, Konsol girişi hemen gerçekleştirmez ama <kbd>Shift</kbd>+<kbd>Enter</kbd> tuşlarına basmışsınız gibi davranır, böylelikle işlev tanımı girmeyi bitirebilirsiniz.</p> + +<h2 id="Değişkenlere_Erişmek">Değişkenlere Erişmek</h2> + +<p>Sayfada tanımlanan değişkenlere erişebilirsiniz, hem <code>pencere</code> gibi yerleşik değişkenlere hem de <code>jQuery </code>gibi JavaScript tarafından eklenen değişkenlere:<img alt="" src="https://mdn.mozillademos.org/files/7367/commandline-accessbuiltin.png" style="display: block; margin-left: auto; margin-right: auto;"><img alt="" src="https://mdn.mozillademos.org/files/7369/commandline-accesspageadded.png" style="display: block; margin-left: auto; margin-right: auto;"></p> + +<h2 id="Otomatik_Tamamlama">Otomatik Tamamlama</h2> + +<p>Komut satırı otomatik tamamlama içerir: ilk birkaç harfi girin ve olası tamamlamalar ile bir açılır pencere görünür:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16426/console_autocomplete_cropped.png" style="border: 1px solid black; display: block; height: 299px; margin-left: auto; margin-right: auto; width: 302px;"></p> + +<p>Öneriyi kabul etmek için <kbd>Enter</kbd>, <kbd>Tab </kbd>ya da sağ ok tuşunu kullanın, farklı bir öneriye geçmek için ise yukarı aşağı oklarını kullanın, ya da önerilerden hiçbirini beğenmiyorsanız yazmaya devam edin.</p> + +<p>Konsol otomatik tamamlama önerileri büyük/küçük harf duyarlı değildir.</p> + +<p>Konsol,mevcut olarak yürütülen yığın çerçevesinin kapsamından tamamlamalar önerir. Bu şu anlama gelir, bir fonksiyonda kesme noktasına ulaşırsanız, fonksiyondaki yerel nesneler için otomatik tamamlama elde edersiniz.</p> + +<p>Otomatik tamamlama önerilerini dizi elemanları için de alırsınız:<img alt="" src="https://mdn.mozillademos.org/files/16440/arrayList_autocomplete.png" style="border: 1px solid black; display: block; height: 271px; margin-left: auto; margin-right: auto; width: 800px;"></p> + +<h2 id="Değişkenleri_tanımlamak">Değişkenleri tanımlamak</h2> + +<p>Kendi değişken ve fonksiyonlarınızı tanımlayıp sonra onlara erişebilirsiniz:</p> + +<p><img alt="Console output showing syntax highlighting" src="https://mdn.mozillademos.org/files/16470/console_syntaxHighlighting.png" style="border: 1px solid black; display: block; height: 310px; margin-left: auto; margin-right: auto; width: 452px;"></p> + +<p>Girdiğiniz metin, yorumlandıktan sonra sözdizimi kurallarınca vurgulama özelliğine sahip olacaktır.</p> + +<div class="blockIndicator note"> +<p><strong>Not:</strong> Erişilebilirlik özellikleri etkinleştirilmişse, sözdizimi kuralları vurgulanması(syntax highlighting) tarayıcınızda gözükmez.</p> +</div> + +<h2 id="Komut_Geçmişi">Komut Geçmişi</h2> + + + +<p>Komut satırı yazdığınız komutları hatırlar: geçmişinizde ileri veya geri gitmek için yukarı veya aşağı oklarını kullanın.</p> + +<p>Komut geçmişi oturumlar arası kalıcıdır. Geçmişi silmek için, s<code>clearHistory()</code> <a href="en-US/docs/Tools/Web_Console/The_command_line_interpreter#Helper_commands">yardımcı fonksiyonunu</a> kullanın.</p> + +<p>Firefox 65 ile başlanarak, Linux ve Mac'te veya Windows'ta PowerShell'de olduğu gibi komut satırı geçmişinde ters bir arama başlatabilirsiniz.</p> + +<p>Ters aramayı başlatmak için Windows ve Linux'ta <kbd>F9</kbd>, Mac'te <kbd>Ctrl</kbd> + <kbd>R</kbd> tuşlarına basın.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16468/reverse_search.png" style="border: 1px solid black; display: block; height: 335px; margin: 0px auto; width: 500px;"></p> + +<p>Konsolun altındaki giriş kutusuna aramak istediğiniz metni girin. Aradığınız komutu yazmaya başlayın, ilk eşleşme konsolda gösterilecektir. Tekrar tekrar <kbd>Ctrl</kbd> + <kbd>R</kbd> (<kbd>F9</kbd> Windows ve Linux'ta) yazmak, eşleşmeler arasında geriye doğru dönecektir.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16469/reverse_search_example.png" style="border: 1px solid black; display: block; margin: 0 auto;"></p> + +<p>Geriye doğru aramayı başlattıktan sonra, eşleşme listesinde ileriye bakmak için <kbd>Ctrl</kbd> + <kbd>S</kbd> (<kbd>Shift</kbd> + <kbd>F9</kbd> Windows ve Linux'ta) tuşlarını kullanabilirsiniz. İstediğiniz komutu bulduğunuzda, ifadeyi çalıştırmak için <kbd>Return</kbd> (<kbd>Enter</kbd>) tuşuna basın.</p> + +<h2 id="Iframe'lerle_çalışmak">Iframe'lerle çalışmak</h2> + +<p>Bir sayfada gömülü <a href="/en-US/docs/Web/HTML/Element/iframe">iframe</a>'ler varsa, konsolun kapsamını belirli bir iframe olarak değiştirmek için <code>cd()</code> komutunu kullanabilirsiniz ve sonrasında bu iframe tarafından barındırılan belgede tanımlanan işlevleri çalıştırabilirsiniz. <code>cd()</code> kullanarak bir iframe seçmenin üç yolu vardır: </p> + +<p> iframe DOM öğesini iletebilirsiniz:</p> + +<pre class="brush: js">var frame = document.getElementById("frame1"); +cd(frame);</pre> + +<p>Iframe ile eşleşen bir CSS seçiciyi geçebilirsiniz:</p> + +<pre class="brush: js">cd("#frame1");</pre> + +<p>Iframe 'in global pencere nesnesini iletebilirsiniz:</p> + +<pre class="brush: js">var frame = document.getElementById("frame1"); +cd(frame.contentWindow); +</pre> + +<p>İçeriği tekrar üst düzey pencereye geçirmek için, argüman olmadan <code>cd()</code> işlevini çağırın:</p> + +<pre class="brush: js">cd();</pre> + +<p>Örneğin, iframe yerleştiren bir belgemiz olduğunu varsayalım:</p> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + </head> + <body> + <iframe id="frame1" src="static/frame/my-frame1.html"></iframe> + </body> +</html></pre> + +<p>Iframe yeni bir fonksiyon tanımlar:</p> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <script> + function whoAreYou() { + return "I'm frame1"; + } + </script> + </head> + <body> + </body> +</html></pre> + +<p>Bağlamı şu şekilde iframe olarak değiştirebilirsiniz:</p> + +<pre class="brush: js">cd("#frame1");</pre> + +<p>Şimdi global pencerenin belgesinin iframe olduğunu fark edeceksiniz:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7355/web-console-iframe-document.png" style="display: block; height: 75px; margin-left: auto; margin-right: auto; width: 632px;">Ve, iframe'de tanımlanan işlevi çağırabilirsiniz:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7357/web-console-iframe-function.png" style="display: block; height: 77px; margin-left: auto; margin-right: auto; width: 632px;"></p> + +<h2 id="Yardımcı_Komutlar">Yardımcı Komutlar</h2> + +<p>{{ page("en-US/docs/Tools/Web_Console/Helpers", "The commands") }}</p> diff --git a/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html b/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html new file mode 100644 index 0000000000..d1a1ebb0d5 --- /dev/null +++ b/files/tr/araclar/web_konsolu/web_konsolunu_acmak/index.html @@ -0,0 +1,30 @@ +--- +title: Web Konsolu'nu Açmak +slug: Araclar/Web_Konsolu/Web_Konsolunu_Acmak +translation_of: Tools/Web_Console/UI_Tour +--- +<div>{{ToolsSidebar}}</div> + +<p>Web Konsolu'nu açmak için:</p> + +<ul> + <li>Firefox Menü'nün altında "Web geliştirici"den "Web Konsolu"nu seçin (veya Mac OS X'te "Araçlar" menü çubuğunu görüntülerseniz)</li> + <li>ya da <kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>K</kbd> (<kbd>Command</kbd><kbd>Option</kbd><kbd>K</kbd> ,OS X'te) klavye kısaltması ile.</li> +</ul> + +<p><a href="/en-US/docs/Tools/Tools_Toolbox">Araç Kutusu</a> alt kısımda gözükecektir, tarayıcı penceresinin solunda veya sağında (yerleştirme ayarlarınıza bağlı olarak), Web konsolu aktif edilir. (<a href="/en-US/docs/Tools/Tools_Toolbox#Toolbar">DevTools toolbar</a>'da "Konsol" olarak adlandırılır.):</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16191/console_63.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 845px;"></p> + +<p>Web Konsolu'nun arayüzü dört yatay bölüme ayrılmıştır:</p> + +<ul> + <li><a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">Araç Çubuğu</a>: Üst kısımda üç buton içeren bir araç çubuğu bulunur. Konsolun içeriğini silmek için çöp tenekesi düğmesine tıklayın. Konsolda görüntülenen mesajları filtrelemek için huni simgesine tıklayın. Araç çubuğunun sağ tarafındaki onay kutusu, kaydetmek için "Kalıcı günlükler" özelliğini açmanıza izin verir.</li> + <li><a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter">Komut satırı</a>: Komut satırı iki büyüktür işareti ile başlar (>>). JavaScript ifadeleri girmek için kullanın.</li> + <li><a href="/en-US/docs/Tools/Web_Console/Console_messages" title="#message-display-pane">Mesaj Görüntüleme Bölgesi</a>: Sayfadaki kod ve komut satırına girilen komutlar tarafından oluşturulan mesajlar her komutun ardından görüntülenir.</li> + <li>Araç çubuğunun sağ tarafındaki onay kutusu yeni bir sayfaya gittiğinizde veya geçerli sayfayı yeniden yüklediğinizde konsolun temizlenip temizlenmediğini kontrol eder. Varsayılan ayar konsolu temizleyecektir.</li> +</ul> + +<div class="blockIndicator note"> +<p><strong>Not:</strong> Konsolun içeriğini <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd> (Windows, macOS, ve Linux'ta) veya <kbd>Cmd</kbd> + <kbd>K</kbd> (macOS'da) klavye komutlarıyla temizleyebilirsiniz.</p> +</div> diff --git a/files/tr/araclar/web_konsolu/zengin_cikti/index.html b/files/tr/araclar/web_konsolu/zengin_cikti/index.html new file mode 100644 index 0000000000..388246ba4b --- /dev/null +++ b/files/tr/araclar/web_konsolu/zengin_cikti/index.html @@ -0,0 +1,113 @@ +--- +title: Zengin Çıktı +slug: Araclar/Web_Konsolu/Zengin_Cikti +translation_of: Tools/Web_Console/Rich_output +--- +<div>{{ToolsSidebar}}</div> + +<p>Web konsolu nesneleri yazdırdığında, sadece nesnenin adından daha zengin bir bilgi kümesi içerir. Bilhassa:</p> + +<ul> + <li>belirli tipler için ek bilgi sağlar</li> + <li>nesnenin özelliklerinin detaylı incelenmesini sağlar</li> + <li>DOM öğeleri için daha zengin bilgiler sağlar ve bunları Denetçi'de seçmenize olanak tanır</li> +</ul> + +<h2 id="Türe_Özgü_Zengin_Çıktı">Türe Özgü Zengin Çıktı</h2> + +<p>Web konsolu aşağıdakiler dahil birçok nesne türü için zengin çıktı sağlar:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td><code>Object</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9597/web-console-object.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Array</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9589/web-console-array.png" style="display: block; height: 38px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Date</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9591/web-console-date.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Promise</code></td> + <td> + <p><img alt="" src="https://mdn.mozillademos.org/files/9599/web-console-promise.png" style="display: block; height: 76px; margin-left: auto; margin-right: auto; width: 600px;"></p> + </td> + </tr> + <tr> + <td><code>RegExp</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9601/web-console-regexp.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Window</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9603/web-console-window.png" style="display: block; height: 38px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Document</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9593/web-console-document.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Element</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/9595/web-console-element.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td> + </tr> + <tr> + <td><code>Event</code></td> + <td><img alt="" src="https://mdn.mozillademos.org/files/14434/webconsole-events.png" style="height: 51px; width: 600px;"></td> + </tr> + </tbody> +</table> + +<h2 id="Nesne_Özelliklerini_İnceleme">Nesne Özelliklerini İnceleme</h2> + +<p>Bir nesne konsolda günlüğe kaydedildiğinde yanında genişletilebileceğini belirten dik bir üçgen bulunur. Üçgene tıkladığınızda nesne içeriğini gösterecek şekilde genişletecektir:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/16430/console_logObject.png" style="border: 1px solid black; display: block; height: 239px; margin-left: auto; margin-right: auto; width: 800px;"></p> + +<p>Firefox 67'den başlayarak (şu anda Firefox geliştirici'de kullanılabilir) konsolda görüntülenen nesnelerde gezinmek için klavyenizdeki ok tuşlarını kullanabilirsiniz. Sağ ok tuşu bir nesnenin ayrıntılarını açar ve sol ok tuşu açık nesneleri kapatır.</p> + +<h2 id="İstek_ayrıntılarının_incelenmesi">İstek ayrıntılarının incelenmesi</h2> + +<p>Nesne ayrıntılarını incelemeye benzer şekilde, you can see the details about a network request directly in the console. İsteğin yanındaki oka tıklayın; Ağ İzleyicisi aracındaki Başlıklar paneline eşdeğer olan bir detay paneli açılacaktır.</p> + +<p>{{EmbedYouTube("Cj3Pjq6jk9s")}}</p> + +<h2 id="Çıktıyı_panoya_aktar">Çıktıyı panoya aktar</h2> + +<p>Konsol penceresinde çıktı aldığınızda, çıktıyı sağ tıklayıp Görünür mesajları panoya aktar seçeneğini seçerek panoya kaydedebilirsiniz:</p> + +<p><a><img alt="" src="https://mdn.mozillademos.org/files/16568/console_export.png" style="height: 482px; width: 950px;"></a></p> + +<p>Bu çıktının tümünü panoya kopyalar. Sonrasında bir belgeye yapıştırabilirsiniz. Çıktı şöyle görünecektir:</p> + +<pre>console.log(todoList) +Array(4) [ {…}, {…}, {…}, {…} ] +debugger eval code:1:9 +undefined</pre> + +<p>Diziler gibi nesneleri de genişletirseniz, biraz farklı içerik elde edersiniz. Örneğin, yukarıdaki listedeki diziyi genişleterek aşağıdakileri alıyorum:</p> + +<pre>console.log(todoList) +(4) […] + +0: Object { status: "Done", description: "Morning Pages", dateCreated: 1552404478137 } + +1: Object { status: "In Progress", description: "Refactor styles", dateCreated: 1552404493169 } + +2: Object { status: "To Do", description: "Create feedback form", dateCreated: 1552404512630 } + +3: Object { status: "To Do", description: "Normalize table", dateCreated: 1552404533790 } + +length: 4 + +<prototype>: Array [] +debugger eval code:1:9 +undefined</pre> + +<h2 id="DOM_düğümlerini_vurgulama_ve_inceleme">DOM düğümlerini vurgulama ve inceleme</h2> + +<p>Fareyi konsol çıktısındaki herhangi bir DOM öğesinin üzerine getirdiğinizde sayfada vurgulanır:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7379/commandline-highlightnode.png" style="display: block; margin-left: auto; margin-right: auto;">Yukarıdaki ekran görüntüsünde, konsol çıktısındaki düğümün yanında mavi renkli bir "hedef" simgesi göreceksiniz: seçili düğümü seçerek denetçiye geçmek için tıklayın.</p> |