diff options
Diffstat (limited to 'files/tr/tools/web_console/the_command_line_interpreter/index.html')
| -rw-r--r-- | files/tr/tools/web_console/the_command_line_interpreter/index.html | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/files/tr/tools/web_console/the_command_line_interpreter/index.html b/files/tr/tools/web_console/the_command_line_interpreter/index.html new file mode 100644 index 0000000000..a63f823b21 --- /dev/null +++ b/files/tr/tools/web_console/the_command_line_interpreter/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> |