Denetleyici Lab: Mobil ve kısıtlı sistemler için sayfa içi Geliştirici Araçları
Denetçi Lab - DevTools, Luan Gjokaj tarafından oluşturulan, yerel panellerin mevcut olmadığı durumlarda hata ayıklamaya yardımcı olmak için sayfanın içine bir geliştirici araçları seti yerleştirir. DOM denetimi, canlı HTML ve CSS düzenleme, bir konsol, ağ izleme ve sayfa içi hata ayıklama için bir kaynak görüntüleyici sağlar. Uzantı, iPad veya uzaktan sistemlerde masaüstü sınıfı denetim gereksinimi olan ve dış telemetriyi önleyen yerel olarak yürütülen, açık kaynaklı bir aracı tercih eden web geliştiricileri, UI tasarımcıları ve QA mühendisleri için uygundur.
Aracın hangi iş akışı boşluğunu kapatıyor?
Inspector Lab, tarayıcının ayrı geliştirici panelinin erişilemez olduğu durumları hedef alır, örneğin mobil tarayıcılar veya kısıtlı uzaktan sistemler. Araç, yalnızca araç çubuğu simgesine tıkladığınızda etkinleşir ve mevcut sayfayı incelemek için uzantının activeTab iznini kullanır. Tasarımı, geliştiricilerin mevcut hata ayıklama alışkanlıklarını ayrı bir hata ayıklayıcı bağlantısına güvenmeden gömülü bir arayüze aktarabilmesi için bilinen inceleme akışlarını yansıtacak şekilde kasıtlı olarak oluşturulmuştur.
iPad'de ve kısıtlı ortamlarda nasıl davranıyor?
Araç, Orion tarayıcısında çalışarak iPadOS'u destekler ve Chromium tabanlı masaüstü tarayıcılarda çalışır, bu nedenle standart mobil Chrome'un uzantıları barındıramadığı yerlerde çalışır. Hata ayıklayıcı protokolü yerine standart uzantı API'lerini kullanır, bu da protokol düzeyinde erişimi engelleyen ortamlarda çalışmasına olanak tanır. Bu mimari, denetleyicinin yerel hata ayıklayıcının mevcut olmadığı kısıtlı sistemlerde neden çalıştığını açıklar.
İnceleme verilerini özel tutuyor mu?
Gizlilik açıktır: proje MIT lisansı altında açık kaynaklıdır ve geliştirici kaynak kodunu GitHub'da halka açık olarak sürdürmektedir, ayrıca uzantı herhangi bir telemetri toplamaz veya verileri harici sunuculara iletmez. Tüm inceleme ve hata ayıklama, tarayıcı içinde yerel olarak gerçekleşir, bu nedenle çerezler, depolama düzenlemeleri ve konsol değerlendirmeleri cihazdan çıkmaz. Bu yalnızca yerel model, uzaktan arka uç olmadan cihazda sorun giderme ihtiyacı olan kullanıcılarla uyumludur.
Kimin faydası var ve günlük hata ayıklamaya nasıl uyuyor?
Web geliştiricileri, UI tasarımcıları ve QA mühendisleri en fazla değeri elde eder çünkü araç, sayfa içinde çalışırken birçok masaüstü DevTools iş akışını yeniden oluşturur; ayrıca sözdizimi vurgulaması ile betikleri ve stilleri görüntülemeyi destekler. Uyumlu tarayıcılar arasında masaüstünde Chrome, Edge ve Brave ile iPad'de Orion bulunur. Bir ayarlama süresi bekleyin: hata ayıklayıcı arayüzüne bağlı bazı protokol düzeyindeki iş akışları farklılık gösterebilir çünkü araç uzantı API'lerine güvenmektedir.
İşletim panelinin ötesinde inceleme gereksinimi duyan geliştiriciler için pragmatik bir seçim
Inspector Lab, iPad veya kısıtlı sistemlerde masaüstü tarzı hata ayıklama gerektiren geliştiriciler için pratik bir seçenektir ve açık kaynak, telemetri içermeyen yaklaşımı gizlilik odaklı iş akışlarına uygundur. Ana takas, bir hata ayıklayıcı bağlantısından kaynaklanan API düzeyi farklılıklarıdır; bu, gelişmiş protokol iş akışlarını etkileyebilir. Tüm hata ayıklama hattını değiştirmeden önce, kısayol eşitliğini ve betik kesme noktalarını doğrulamak için tek bir test sayfasında deneyin.
