JavaScript'i Aç/Kapa, mevcut tarayıcı sekmesi için JavaScript yürütmesini tek tıkla devre dışı bırakır veya yeniden etkinleştirir. Sonucu göstermek için sayfa otomatik olarak yeniden yüklenir. Bir sayfanın JavaScript olmadan nasıl davrandığını görün — aşamalı geliştirmeyi test edin, sunucu tarafı işlemeyi doğrulayın, JS bağımlı özellikleri ayıklayın veya arama motoru tarayıcılarının içeriğinizi nasıl gördüğünü kontrol edin.
Chrome'da JavaScript'i devre dışı bırakmak normalde chrome://settings'e gitmeyi, birkaç menüden tıklamayı, ayarı değiştirmeyi ve ardından sayfayı yeniden yüklemeyi gerektirir. Ve TÜM sekmeler için JavaScript'i devre dışı bırakır — potansiyel olarak açık tuttuğunuz diğer siteleri bozar. DevSuite Pro'nun JavaScript'i Aç/Kapa özelliği tek tıkla sekme başına çalışır. Mevcut sekme için JavaScript'i kapatın ve sayfa, sayfanın JS'siz sürümünü göstererek yeniden yüklenir. Diğer tüm sekmeler normal şekilde çalışmaya devam eder. Bu, aşamalı geliştirmeyi test etmek (site JS olmadan çalışıyor mu?), SSR/SSG işlemeyi doğrulamak (arama motoru tarayıcıları ne görüyor?), JavaScript hatalarını ayıklamak (sorun JS olmadan gidiyor mu?) ve noscript yedeklerini test etmek için gereklidir. Başka bir tıkla yeniden açın — sayfa tam JavaScript işlevselliği geri yüklenmiş olarak yeniden yüklenir.
Mevcut sekme için JavaScript'i tek tıkla devre dışı bırakın. Sayfa, JS'siz sürümü göstermek için otomatik olarak yeniden yüklenir. Yeniden etkinleştirmek için tekrar tıklayın. Geçiş durumu net olarak gösterilir (JS AÇIK / JS KAPALI).
Yalnızca mevcut sekmeyi etkiler. Diğer sekmeler, diğer pencereler ve diğer siteler JavaScript'i normal şekilde çalıştırmaya devam eder. Bir sekmede JS'yi devre dışı bırakıp başka bir sekmede aynı anda etkin tutabilirsiniz.
Değişikliğin temiz bir şekilde etkili olmasını sağlamak için geçişten sonra sayfa otomatik olarak yeniden yüklenir. Manuel yenilemeye gerek yok — JS'siz veya JS'li sürüm hemen yüklenir.
JavaScript olmadan hangi içeriğin mevcut olduğunu tam olarak görün — arama motoru tarayıcılarının gördüğü aynı görünüm (Googlebot ilk HTML-yalnızca pass'ında). Kritik içeriğin yalnızca istemci değil, sunucu tarafında işlendiğini doğrulayın.
Sitenizin temel işlevlerinin JavaScript olmadan çalışıp çalışmadığını test edin. Formlar yine göndermeli, bağlantılar yine gezinmeli ve JS devre dışı bırakıldığında içerik yine okunabilir olmalıdır.
JS devre dışı bırakıldığında bir özet neyin etkilendiğini gösterir: dinamik içerik yüklenmeyecek, SPA'lar gezinmeyecek, formlar istemci tarafında doğrulanmayabilir ve etkileşimli widget'lar statik olacaktır. Ne beklemeniz gerektiğini anlamanıza yardımcı olur.
Arama motorları her taramada JavaScript yürütmeyebilir. Googlebot'un ilk HTML pass'ının ne gördüğünü görmek için JS'yi devre dışı bırakın. İçeriğiniz, meta etiketleriniz ve bağlantılarınız JS olmadan eksikse, indekslenmeyebilirler.
Sitenizin temel deneyiminin JavaScript olmadan çalıştığını doğrulayın. Yavaş bağlantılarda, JS engelleyicileri olan veya yardımcı teknolojiler kullanan kullanıcılar JS'siz sürümünüzle karşılaşabilir.
Bir sayfa bozuk — bu bir JavaScript hatası mı yoksa bir CSS/HTML sorunu mu? JS'yi devre dışı bırakın. Sorun devam ederse, JS ile ilgili değildir. Kaybolursa, hatanın JavaScript kodunuzda olduğunu bilirsiniz.
JavaScript kullanılamadığında noscript etiketlerinizin ve JS'siz yedek içeriğinizin doğru görüntülendiğini doğrulayın. Kullanıcıların boş bir sayfa yerine anlamlı bir mesaj görmesini sağlayın.
Herhangi bir JavaScript yürütmesi olmadan sayfanın ne kadar hızlı yüklendiğini görün. Bu, temel HTML/CSS işleme performansını gösterir ve JavaScript'in ilk yüklemeyi ne kadar yavaşlattığını belirlemeye yardımcı olur.
DevSuite Pro popup'ını açın ve JavaScript'i Aç/Kapa simgesine tıklayın. Mevcut JS durumu gösterilir.
JavaScript'i devre dışı bırakmak için geçişe tıklayın. Sayfa, JS'siz sürümü göstermek için yeniden yüklenir. Geçiş kırmızıyla "JS KAPALI" gösterir.
Sayfaya JavaScript olmadan göz atın. İçeriğin görünür olup olmadığını, gezinmenin çalışıp çalışmadığını ve formların işlevsel olup olmadığını kontrol edin. Neyin bozulduğunu veya düştüğünü not edin.
JavaScript'i geri yüklemek için geçişe tekrar tıklayın. Sayfa tam JS işlevselliği ile yeniden yüklenir.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.
