DevScope - Web Tanılama geliştiren: POLPROG

DevScope, etkin web sayfasını isteğe bağlı olarak incelemek ve tanılamak için profesyonel bir tarayıcı araç setidir.
Dağınık araçlar arasında geçiş yapmadan yapı, CSS, performans, ağ, güvenlik başlıkları, erişilebilirlik, SEO, depolama, JavaScript çalışma zamanı ve framework bilgilerini analiz edin.

🧩 DOM ANALİZİ VE ÖĞE İNCELEME

• DOM derinliği, karmaşıklık, yinelenen ID’ler, kopuk düğümler, inline stiller ve semantik yapıyı analiz edin
• Öğeleri sayfa üzerinde vurgulama ve breadcrumb gezinmesiyle seçin
• Yaygın yapısal anti-pattern sorunları için uygulanabilir önerileri inceleyin

🎨 CSS İNCELEME VE CANLI DÜZENLEME

• Hesaplanan stilleri, kutu modelini ve gerçekten uygulanan özellikleri görüntüleyin
• Specificity çakışmalarını ve olası düzen sorunlarını tespit edin
• Stilleri canlı düzenleyin, değişiklikleri anında görün ve tek tek özellikleri sıfırlayın

⚡ PERFORMANS VE CORE WEB VITALS

• Core Web Vitals, paint zamanları, kaynak zamanlamaları ve uzun görevleri inceleyin
• JavaScript yürütme sinyallerini ve türlere göre kaynak kullanımını analiz edin
• Yavaş dosyaları ve olası performans darboğazlarını bulun

🌐 AĞ, DEPOLAMA VE ÇALIŞMA ZAMANI

• Ağ isteklerini tür ve duruma göre gruplayın ve zamanlamaları inceleyin
• LocalStorage, SessionStorage, çerezler, IndexedDB ve Cache API verilerini görüntüleyin
• Çalışma zamanı hataları, konsol mesajları, event listener, timer ve script etkinliğini inceleyin

🔐 GÜVENLİK VE ERİŞİLEBİLİRLİK

• HTTPS, mixed content, CSP, HSTS, Permissions-Policy ve X-Frame-Options kontrolleri yapın
• ARIA, kontrast, landmark, etiket ve eksik alternatif metin için WCAG odaklı kontroller çalıştırın
• Düzeltmeleri önceliklendirmek için açık bulgular ve öneriler kullanın

🔎 SEO VE FRAMEWORK TESPİTİ

• Meta etiketleri, Open Graph, canonical URL, structured data, başlık hiyerarşisi ve indexability durumunu kontrol edin
• React, Vue, Angular, Svelte, jQuery, Next.js, Nuxt.js, Tailwind CSS, Bootstrap ve diğer kütüphaneleri tespit edin
• Sürüm bilgilerini ve olası eski dependency durumlarını inceleyin

🏥 SİTE SAĞLIK RAPORU

• P0, P1 ve P2 olarak gruplandırılmış öncelikli bulgular oluşturun
• 0 ile 100 arasındaki DX Score değerini hızlı teknik sağlık göstergesi olarak kullanın
• Kararlılık, ağ, performans ve DOM kalitesini tek raporda inceleyin

📊 DIŞA AKTAR VE KARŞILAŞTIR

• Raporları JSON, CSV veya Markdown olarak dışa aktarın
• Snapshot oluşturun ve regresyonları bulmak için sonuçları karşılaştırın
• Odaklı inceleme için tek modülleri dışa aktarın

🛠 GERÇEK DEBUGGING İÇİN TASARLANDI

Paneli sağa veya alta yerleştirin, kayan modu kullanın, boyutlandırın ve Ctrl+Shift+D ile açıp kapatın.

Shadow DOM izolasyonu incelenen sayfaya müdahaleyi azaltır. Açık ve koyu tema, sistem eşitleme ve 15 dil desteği sunulur.

🔒 ÖNCE GİZLİLİK

Uzantı kişisel veri toplamaz, etkinliği izlemez, analiz veya telemetri kullanmaz ve harici sunucularla bağlantı kurmaz.

Sayfa analizi cihazda yerel olarak çalışır. Tercihler tarayıcıda saklanır.

🏢 GELİŞTİREN HAKKINDA

DevScope, gizlilik odaklı tarayıcı uzantıları, web uygulamaları ve mobil uygulamalar geliştiren Polonyalı teknoloji şirketi POLPROG tarafından hazırlanmıştır.

Web sitesi: https://polprog.pl/
DevScope ürün sayfası: Ürün sayfasını görüntüle
Tarayıcı sürümü: Chrome Web Store'da görüntüle