F12 | Inspect Element, Console

F12 Browser'ı, hızlı bir mobil düzeni veya API çağrısını kontrol etmek istediğim her seferinde telefonumu bir kabloyla bilgisayarıma bağlamaktan bıktığım için yaptım.

Önceden belirtmek gerekirse: bu, hızlı kontroller, öğrenme ve deneme amaçlı bir hobi projesidir. Kesinlikle masaüstü Chrome Geliştirici Araçları'nın veya iş yerinizdeki gerçek uzaktan hata ayıklamanın yerini tutmaz.

Bununla yapabileceğiniz birkaç şey:

Ne olduğunu görmek için doğrudan sayfada JS kod parçacıkları çalıştırın.

Sınıfları, stilleri görmek ve öğeleri vurgulamak için HTML ağacında gezinin.

Durum kodlarını kontrol etmek ve JSON verilerini okumak için canlı fetch ve XHR çağrılarını izleyin.

Başlıkları ve sorgu parametrelerini görmek için ağ isteklerini açın.

Sayfa tarafından yüklenen resimler veya video akışları gibi medya bağlantılarını açın.

Konsol günlüklerini ve hataları kontrol edin.

Öğrenciyseniz, mobil sitelerin arka planda nasıl çalıştığını merak ediyorsanız veya masanızdan uzaktayken bir API'nin doğruluğunu hızlıca kontrol etmek istiyorsanız, umarım faydalı bulursunuz.