A JavaScript Ki-/Bekapcsolás eszköz egyetlen kattintással letiltja vagy újra engedélyezi a JavaScript futtatását az aktuális böngészőlapon. Az oldal automatikusan újratöltődik, hogy megmutassa az eredményt. Nézze meg, hogyan viselkedik egy oldal JavaScript nélkül — tesztelje a progresszív fejlesztést, ellenőrizze a szerveroldali renderelést, hibakeresse a JS-függő funkciókat, vagy nézze meg, hogyan látják a tartalmát a keresőmotorok.
A JavaScript letiltása Chrome-ban általában a chrome://settings oldalra navigálást, több menün való áthaladást, a beállítás átkapcsolását és az oldal újratöltését igényli. Ráadásul az ÖSSZES lapnál letiltja a JavaScript-et — potenciálisan feltörve más megnyitott oldalakat. A DevSuite Pro JavaScript Ki-/Bekapcsolás eszköze laponként működik, egyetlen kattintással. Kapcsolja ki a JavaScript-et az aktuális lapra, és az újratöltve megjeleníti az oldal JS nélküli verzióját. Minden más lap tovább működik normálisan. Ez elengedhetetlen a progresszív fejlesztés teszteléséhez (működik az oldal JS nélkül?), az SSR/SSG renderelés ellenőrzéséhez (mit látnak a keresőmotorok?), JavaScript-hibák hibakereséshez (eltűnik a probléma JS nélkül?) és a noscript tartalékok teszteléséhez. Kapcsolja vissza egy újabb kattintással — az oldal újratöltődik teljes JavaScript funkcionalitással.
Tiltsa le a JavaScript-et az aktuális lapra egyetlen kattintással. Az oldal automatikusan újratöltődik, hogy megmutassa a JS nélküli verziót. Kattintson újra az újraengedélyezéshez. A kapcsoló állapota jól látható (JS BE / JS KI).
Csak az aktuális lapot érinti. A többi lap, más ablakok és más oldalak tovább futtatják a JavaScript-et normálisan. Egyszerre lehet letiltva a JS az egyik lapon és engedélyezve a másikon.
Az oldal automatikusan újratöltődik az átkapcsolás után, hogy a változás tisztán érvénybe lépjen. Nincs szükség kézi frissítésre — a JS nélküli vagy JS-es verzió azonnal betöltődik.
Látja pontosan, milyen tartalom érhető el JavaScript nélkül — ugyanaz a nézet, amelyet a keresőmotorok (a Googlebot a kezdeti HTML-only átmenetében) látnak. Ellenőrizze, hogy a kritikus tartalom szerveroldalon van renderelve, nem csak kliensesoldalon.
Tesztelje, hogy az oldal alapfunkciói JavaScript nélkül is működnek-e. Az űrlapoknak még be kell küldeniük, a linkeknek navigálniuk kell, és a tartalomnak olvashatónak kell maradnia, ha a JS le van tiltva.
Ha a JS le van tiltva, egy összefoglaló mutatja, mi érinthető: a dinamikus tartalom nem töltődik be, az SPA-k nem navigálnak, az űrlapok esetleg nem validálnak kliensesoldalon, és az interaktív widgetek statikusak lesznek. Segít megérteni, mire számíthat.
A keresőmotorok nem feltétlenül futtatják a JavaScript-et minden feltérképezésnél. Tiltsa le a JS-t, hogy lássa, mit lát a Googlebot a kezdeti HTML-átmenetben. Ha a tartalom, meta-tagek és linkek hiányoznak JS nélkül, előfordulhat, hogy nem indexelődnek.
Ellenőrizze, hogy az oldal alapélménye JavaScript nélkül is működik-e. A lassú kapcsolatokon lévő, JS-blokkolókat használó vagy kisegítő technológiákat alkalmazó felhasználók a JS nélküli verziójával találkozhatnak.
Egy oldal megtört — JavaScript-hiba vagy CSS/HTML-probléma? Tiltsa le a JS-t. Ha a probléma fennmarad, nem JS-hez kapcsolódik. Ha eltűnik, tudja, hogy a hiba a JavaScript-kódjában van.
Ellenőrizze, hogy a noscript tagek és a JS nélküli tartalék tartalom megfelelően jelenik-e meg, ha a JavaScript nem elérhető. Győződjön meg arról, hogy a felhasználók értelmes üzenetet látnak, nem üres oldalt.
Nézze meg, milyen gyorsan töltődik be az oldal JavaScript-végrehajtás nélkül. Ez mutatja az alap HTML/CSS renderelési teljesítményt, és segít azonosítani, mennyivel lassítja a JavaScript a kezdeti betöltést.
Nyissa meg a DevSuite Pro felugró ablakot, és kattintson a JavaScript Ki-/Bekapcsolás ikonra. Az aktuális JS állapot megjelenik.
Kattintson a kapcsolóra a JavaScript letiltásához. Az oldal újratöltődik, megmutatva a JS nélküli verziót. A kapcsolón piros színnel "JS KI" felirat látható.
Böngésszen az oldalon JavaScript nélkül. Ellenőrizze, hogy a tartalom látható-e, a navigáció működik-e, és az űrlapok funkcionálnak-e. Jegyezze fel, mi törik meg vagy romlik le.
Kattintson a kapcsolóra ismét a JavaScript visszaállításához. Az oldal újratöltődik teljes JS funkcionalitással.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 39+ fejlesztői eszközt böngészőjéhez.
