Geliştirici Konsolu - JavaScript

**Nichts** · 12 Haziran 2022, 09:14

Geliştirici Konsolu - JavaScript

Kod yazmak hataya meyilli bir iştir. Bu süreç içerisinde muhtemelen hatalar yapacaksınız. Pardon! Kesinlikle hata yapacaksınız, en azından robot değilseniz.

Kullanıcı, tarayıcıda meydana gelen hataları göremez. Eğer yazdığınız kodda bir yanlışlık varsa, hatalı kısımları göremez ve bunu düzeltemezsiniz.

Hataları ve diğer kullanışlı bilgileri görebilmek için tarayıcılara entegre edilmiş “Geliştirici Araçlarını” kullanmalısınız.

Genelde geliştiriciler Chrome veya Firefox’a yoğunlaşmaktadırlar çünkü ikisinin de geliştirme aracı çok iyidir. Diğer tarayıcılar da geliştirme araçları sunarlar, bazen daha farklı özelliklerle bile olsa genelde amaçları Chrome veya Firefox’u yakalamaktır. Bundan dolayı çoğu kişi “favori” tarayıcıya sahiptir ve eğer tarayıcı tabanlı bir problemle karşılaşırsa diğer tarayıcıyı kontrol eder.

Geliştirici araçları gerçekten güçlüdür ve birçok farklı özelliği bünyesinde barındırır. Öncelikle bu araçların nasıl açılacağını ve hataları nasıl inceleyeceğimizi göreceğiz. Tabi bunlar için JavaScript kodları da çalıştıracağız.

Google Chrome
bug.html sayfasını açın.

Bu sayfada bulunan JavaScript kodunda bir hata var. Kullanıcı bunu göremiyor, öyleyse geliştirici araçlarından bakıp bu hatayı tanımlayabilirsiniz.

F12'ye veya Cmd+Opt+J'ye basarak geliştirici araçlarını açabilirsiniz.

Geliştirici araçları konsol paneliyle açılacaktır. Aşağıdaki ekranda ilk hatanızı göreceksiniz:

Chrome’un geliştirme aracı versiyona göre değişiklik gösterecektir. Fakat genel hatları itibariyle şu anda gördüğünüze benzeyecektir.

Konsol panelinde kırmızı renk ile hatayı görebilirsiniz. Bu durumda kodunuz bilinmeyen “lalala” komutunda hata vermiş.

Sağ tarafında hatanın hangi satırda olduğunu görebilirsiniz. Bu alan tıklanabilirdir. Şu anda hata bug.html:12'de bulunmaktadır.

Hatanın altında > sembolünü görebilirsiniz. Bu, “komut satırı”'nı işaret eder. Komutunuzu yazdıktan sonra Enter'a basarak o satırdaki komutu çalıştırabilirsiniz. Birden fazla satır kod yazabilmek için ise Shift+Enter tuş kombinasyonunu kullanabilirsiniz.

Başlangıç için hataları görmek yeterli olacaktır. Daha sonra geliştirme aracını Chrome ile Hata Ayıklama bölümünde derinlemesine öğreneceksiniz.

Firefox, Edge ve diğerleri
Çoğu tarayıcı geliştirme aracını F12 tuşu ile açar.

Görüntü ve kullanım olarak çoğu birbirine benzer. Bir tanesini öğrendiğinizde diğerine geçişiniz oldukça kolay olur.

Safari
Safari (sadece macOS için desteklenmektedir) biraz özeldir. Geliştirici araçlarını kullanabilmek için önce “Geliştirici Menüsü”'nü aktif hale getirmeniz gerekmektedir. Bunun için özellikler sayfasını açıp “Gelişmiş” panelinden aşağıdaki gibi “Show Develop menu in menu bar”'ı işaretlemelisiniz.

Bu işlemi yaptıktan sonra Cmd+Opt+C ile geliştirici konsolunu açıp kapatabilirsiniz. Ayrıca dikkat ederseniz üst menüde “Develop” adında yeni bir başlık göreceksiniz. Buradan da birçok komutu çalıştırabilirsiniz.

Multi-line input
Genelde konsol ekranında Enter yaparsanız bulunduğu satırı çalıştırır. Birden fazla satırı yazmak istiyorsanız Shift+Enter kullanabilirsiniz.

Özet

Geliştirici araçları hataları görmenizi, komutları çalıştırmanızı, değişkenleri takip etmenizi sağlar.
Windows işletim sisteminde f12 tuşu ile açılır (Çoğu tarayıcıda bu tuş çalışır). macOS işletim sistemi için ise Google Chrome: Cmd+Opt+J ile Safari ise: Cmd+Opt+C tuşu ile açılır (Safari’de geliştirici modunu açmanız gerekmekte).
Artık çalışma ortamınızı da ayarladığınıza göre JavaScript öğrenmeye başlayabilirsiniz.

Alıntıdır.

Benzer Konular:

JavaScript'e Giriş

Konu Bilgileri
	Konu Başlığı Geliştirici Konsolu - JavaScript	Konudaki Cevap Sayısı 0
	Şuan Bu Konuyu Görüntüleyenler	Görüntülenme Sayısı 369

12 Haziran 2022, 09:14	#1
Çevrimdışı Nichts Üyelerin profil bilgilerini yalnızca kayıtlı üyeler görüntüleyebilir. Lütfen kaydol bağlantısından üye olunuz.	Geliştirici Konsolu - JavaScript Geliştirici Konsolu - JavaScript Kod yazmak hataya meyilli bir iştir. Bu süreç içerisinde muhtemelen hatalar yapacaksınız. Pardon! Kesinlikle hata yapacaksınız, en azından robot değilseniz. Kullanıcı, tarayıcıda meydana gelen hataları göremez. Eğer yazdığınız kodda bir yanlışlık varsa, hatalı kısımları göremez ve bunu düzeltemezsiniz. Hataları ve diğer kullanışlı bilgileri görebilmek için tarayıcılara entegre edilmiş “Geliştirici Araçlarını” kullanmalısınız. Genelde geliştiriciler Chrome veya Firefox’a yoğunlaşmaktadırlar çünkü ikisinin de geliştirme aracı çok iyidir. Diğer tarayıcılar da geliştirme araçları sunarlar, bazen daha farklı özelliklerle bile olsa genelde amaçları Chrome veya Firefox’u yakalamaktır. Bundan dolayı çoğu kişi “favori” tarayıcıya sahiptir ve eğer tarayıcı tabanlı bir problemle karşılaşırsa diğer tarayıcıyı kontrol eder. Geliştirici araçları gerçekten güçlüdür ve birçok farklı özelliği bünyesinde barındırır. Öncelikle bu araçların nasıl açılacağını ve hataları nasıl inceleyeceğimizi göreceğiz. Tabi bunlar için JavaScript kodları da çalıştıracağız. Google Chrome bug.html sayfasını açın. Bu sayfada bulunan JavaScript kodunda bir hata var. Kullanıcı bunu göremiyor, öyleyse geliştirici araçlarından bakıp bu hatayı tanımlayabilirsiniz. F12'ye veya Cmd+Opt+J'ye basarak geliştirici araçlarını açabilirsiniz. Geliştirici araçları konsol paneliyle açılacaktır. Aşağıdaki ekranda ilk hatanızı göreceksiniz: Chrome’un geliştirme aracı versiyona göre değişiklik gösterecektir. Fakat genel hatları itibariyle şu anda gördüğünüze benzeyecektir. Konsol panelinde kırmızı renk ile hatayı görebilirsiniz. Bu durumda kodunuz bilinmeyen “lalala” komutunda hata vermiş. Sağ tarafında hatanın hangi satırda olduğunu görebilirsiniz. Bu alan tıklanabilirdir. Şu anda hata bug.html:12'de bulunmaktadır. Hatanın altında > sembolünü görebilirsiniz. Bu, “komut satırı”'nı işaret eder. Komutunuzu yazdıktan sonra Enter'a basarak o satırdaki komutu çalıştırabilirsiniz. Birden fazla satır kod yazabilmek için ise Shift+Enter tuş kombinasyonunu kullanabilirsiniz. Başlangıç için hataları görmek yeterli olacaktır. Daha sonra geliştirme aracını Chrome ile Hata Ayıklama bölümünde derinlemesine öğreneceksiniz. Firefox, Edge ve diğerleri Çoğu tarayıcı geliştirme aracını F12 tuşu ile açar. Görüntü ve kullanım olarak çoğu birbirine benzer. Bir tanesini öğrendiğinizde diğerine geçişiniz oldukça kolay olur. Safari Safari (sadece macOS için desteklenmektedir) biraz özeldir. Geliştirici araçlarını kullanabilmek için önce “Geliştirici Menüsü”'nü aktif hale getirmeniz gerekmektedir. Bunun için özellikler sayfasını açıp “Gelişmiş” panelinden aşağıdaki gibi “Show Develop menu in menu bar”'ı işaretlemelisiniz. Bu işlemi yaptıktan sonra Cmd+Opt+C ile geliştirici konsolunu açıp kapatabilirsiniz. Ayrıca dikkat ederseniz üst menüde “Develop” adında yeni bir başlık göreceksiniz. Buradan da birçok komutu çalıştırabilirsiniz. Multi-line input Genelde konsol ekranında Enter yaparsanız bulunduğu satırı çalıştırır. Birden fazla satırı yazmak istiyorsanız Shift+Enter kullanabilirsiniz. Özet Geliştirici araçları hataları görmenizi, komutları çalıştırmanızı, değişkenleri takip etmenizi sağlar. Windows işletim sisteminde f12 tuşu ile açılır (Çoğu tarayıcıda bu tuş çalışır). macOS işletim sistemi için ise Google Chrome: Cmd+Opt+J ile Safari ise: Cmd+Opt+C tuşu ile açılır (Safari’de geliştirici modunu açmanız gerekmekte). Artık çalışma ortamınızı da ayarladığınıza göre JavaScript öğrenmeye başlayabilirsiniz. Alıntıdır. Benzer Konular: JavaScript'e Giriş Paylaş Share this post on Digg Del.icio.us Technorati Twitter 2Leydihan, Sürmenaj Konu Nichts tarafından (12 Haziran 2022 Saat 09:22 ) değiştirilmiştir.
	Alıntı

Forum	Bilgilendirme	Künye
Powered by vBulletin® Version 3.8.11 Copyright ©2000 - 2026, vBulletin Solutions Inc. Forumel, lisanslı vBulletin kullanmaktadır! Forum Sahibi: Dea Dia ve Gece	Sitemiz; yer sağlayıcı bir forum sitesidir. Forumel.Com adresimizde yapılan paylaşımlar, moderasyon ekibimizin onayına dahil olmadan direkt olarak yayınlanmaktadır. 5237 sayılı TCK (Türk Ceza Kanunu) ve 5651 Sayılı Kanun'un ilgili maddelerini ihlal eden kişilerin IP adresleri de dahil olmak üzere sair kişi veya adli mercilere müzekkere (Resmi Üst Yazı), tarafımıza tanzim edildiği takdirde paylaşılacaktır. Hukuka aykırı bir paylaşımın olduğunu düşündüğünüz mesaj ya da konuyu; İLETİŞİM linkine bildirim yoluyla iletebilirsiniz. 48 saat içerisinde mevcut şikâyetiniz üzerinden tarafınıza ulaşılacak, gerekli işlemler tesis edilecektir.	Eğlenceli Genel Forum Sitesi, Genel Forum Sitesi, Genel Forum Siteleri, Genel Forum

Geliştirici Konsolu - JavaScript

Bir web programlama dili ve veritabanı ile dinamik içerikli web siteleri yapmayı amaçlar.