Kullanıcıların tarayıcı konsollarını açmak istemelerinin en yaygın nedeni, sayfa düzenleme, bozuk arayüz öğeleri, hatalı davranış engellemeleri ve diğer türdeki JavaScript hataları ve çakışmaları ile ilgili sorunları belirlemektir. Ancak, her tarayıcının nihai olarak konsolu açmanıza ve ziyaret ettiğiniz bir web sayfasının arka ucunu görmenize olanak tanıyan kendi kısayolları ve adımları vardır.
Konsol varsayılan tarayıcınızda nasıl açılır
% 5'in üzerinde pazar payına sahip yalnızca dört farklı tarayıcı olduğundan (Chrome, Safari, Edge ve Firefox), her birinde konsolu açmanın birden çok yolunu göstereceğiz. Ancak, her tarayıcıda öğelerin ve hataların genellikle renk kodlu olduğunu ve farklı şekilde etiketlendiğini unutmayın.
Google Chrome'da Konsol Nasıl Açılır
Chrome'da, yerleşik konsolu açmanıza izin verecek aslında üç farklı yol vardır.
Kullandığınız Chrome yapısından bağımsız olarak, yerleşik konsolu açmak ve kapatmak için şu kısayollardan birini kullanabilirsiniz:
- F12
- Ctrl + Üst Karakter + J (Mac'te Cmd + Option + J)
Konsolu gizlemek için aynı kısayolların da kullanılabileceğini unutmayın. Varsayılan olarak, Google Chrome konsolu ekranın tam olarak yarısını kaplar, ancak oranı ortadaki kaydırıcıyla kolayca ayarlayabilirsiniz ve tarayıcı, konsolu bir sonraki açışınızda değişikliği hatırlayacaktır.
Belirli bir öğeye odaklanmak istiyorsanız, farenizle vurgulayabilir ve ardından sağ tıklayabilirsiniz> İnceleyin. Bu açılacak Elementler sekme ve Stilleri Konsolun sekmesi, elinizdeki öğeye odaklanmanızı sağlar.
Google Chrome Konsolu ile bir öğeyi inceleme
Ancak, konsola Google Chrome'un GUI menüsünden de erişebilirsiniz. Bunu yapmak için sağ üst köşedeki işlem düğmesine tıklayın ve Diğer Araçlar> Geliştirici Araçları .
Geliştirici Araçları
Mümkün olduğunca verimli bir şekilde çalışmak istiyorsanız, işte size Chrome Konsolu kısayolları kullanabileceğiniz.
Google Microsoft Edge'de Konsol Nasıl Açılır
Diğer tüm tarayıcılar gibi, Microsoft Edge ayrıca, etkileşimli hata ayıklama veya geçici testler yapan geliştiriciler için tasarlanmış bir Konsol aracına sahiptir.
Bu araç, ziyaret edilen web sayfasıyla ilişkili bilgileri günlüğe kaydeder. Javascript, ağ istekleri ve güvenlik hataları .
Konsol Aracı'nı Microsoft Edge'de açmanın kolay yolu, önceden tanımlanmış kısayolu kullanmaktır ( F12 Tuşu ).
Ancak bunu GUI menüsünden de işlem düğmesi (sol üst köşe)> Diğer araçlar> Geliştirici Araçları .
GUI menüsü aracılığıyla Edge'de Geliştirici araçlarını açma
Ve diğer tarayıcılardaki işlevselliğe benzer şekilde, Microsoft Edge ayrıca yerleşik konsolu kullanarak belirli öğeleri incelemenizi sağlar. Bunu yapmak için, bir öğeyi seçip sağ tıklayın ve şunu seçin: Elemanı İnceleyin.
Microsoft Edge'de bir öğeyi inceleme
Microsoft Edge'in yerleşik konsolunun içinde kullanabileceğiniz bazı yararlı kısayolların bir listesi:
Konsolu odak modunda başlatma | Ctrl + Vardiya + J |
Konsola Geçiş | Ctrl + 2 |
Konsolu başka bir DevTools sekmesinden göster veya gizle | Ctrl + '' (geri tik) |
Yürüt (tek satırlı komut) | Giriş |
Yürütmeden satır sonu (çok satırlı komut) | Vardiya + Giriş veya Ctrl + Giriş |
Tüm mesajların Konsolunu temizle | Ctrl + L |
Günlükleri filtrele (odağı arama kutusuna ayarlayın) | Ctrl + F |
Otomatik tamamlama önerisini kabul edin (odakta olduğunda) | Giriş veya Sekme |
Önceki / sonraki otomatik tamamlama önerisi | Yukarı ok tuşu / Aşağı ok tuşu |
Mozilla Firefox'ta Konsol Nasıl Açılır
Mozilla Firefox'taki yerleşik konsol, şimdiye kadar analiz ettiğimiz diğer eşdeğerlerinden biraz farklı çalışıyor. Bununla demek istediğim, tarayıcı ekranınızı ikiye bölmek yerine otomatik olarak bağımsız bir pencerede açılacak olmasıdır.
Bu, ikinci ekranı olan kişiler için daha üretken bir yaklaşıma izin verir, ancak tek bir küçük ekranla çalışması gereken kullanıcıların önüne geçebilir. (Bu senaryodaysanız, Firefox ve ilgili Tarayıcı Konsolu arasında ileri geri gitmek için Alt + Tab kısayolunu kullanabilirsiniz.
Mozilla Firefox'ta yerleşik tarayıcı konsolunu açmak için üç seçeneğiniz vardır:
- Ya evrensel kısayolu kullanabilirsiniz - Ctrl + Üst Karakter + J (veya Cmd + Üst Karakter + J Mac'te)
- Eylem menüsünden açabilirsiniz - Eylem menüsüne tıklayarak> Web Geliştirici> Tarayıcı Konsolu .
Tarayıcı konsoluna erişim
- Veya Firefox'u komut satırından başlatıp '-jsconsole' bağımsız değişkenini geçerek Tarayıcı Konsolu'nu doğrudan açmaya zorlayabilirsiniz:
/Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
Not: Firefox ayrıca bir Web konsolu , Tarayıcı konsoluna çok benzer, ancak tüm tarayıcı yerine tek bir içerik sekmesine uygulanır.
Google Safari'de Konsol Nasıl Açılır
Şimdiye kadar baktığımız diğer tüm tarayıcıların aksine, Safari'deki Hata Konsolu varsayılan olarak devre dışı bırakılmıştır. Bu nedenle, tarayıcınızda etkinleştirmek için fazladan bir adım atmanız gerekecektir.
Bunu yapmak için Safari'yi açın ve Tercihler sekmesi. İçine girdiğinizde Tercihler sekmesine tıklayın, Gelişmiş sekmesine tıklayın ve ilgili kutuyu işaretleyin. Geliştirmeyi Göster menü çubuğundaki menü.
Konsolu Safari'de etkinleştirme
Artık Konsolu görünür yaptığınıza göre, konsolu şuradan açabilirsiniz: Geliştirmek üstteki sekme ve Hata Konsolunu Göster .
Safari'de Hata Konsolunu Göster
Unutmayın ki Safari hata konsolunu görüntülemenin dinamik bir yoluna sahiptir. Konsolu açtığınızda pencere küçükse tamamen farklı bir pencerede göreceksiniz.
Konsolu sayfanızla aynı pencerede açmak istemeniz durumunda, Hata konsolunu açmadan önce tarayıcı penceresinin tam boyutta olduğundan emin olmanız gerekir.
Safari'de Hata Konsolunu Açma
Etiketler pencereler 4 dakika okundu