Toggle JavaScript onemogućuje ili ponovo omogućuje izvršavanje JavaScript koda za trenutnu karticu preglednika jednim klikom. Stranica se automatski ponovo učitava kako bi prikazala rezultat. Pogledajte kako se stranica ponaša bez JavaScript koda — testirajte progressive enhancement, verificirajte server-side rendering, otklanjajte pogreške u JS-ovisnim značajkama ili provjerite kako roboti tražilica vide vaš sadržaj.
Onemogućavanje JavaScript koda u Chrome pregledniku normalno zahtijeva navigaciju na chrome://settings, klikanje kroz nekoliko izbornika, prebacivanje postavke i zatim ponovo učitavanje stranice. I onemogućuje JavaScript za SVE kartice — potencijalno kvariti druge otvorene stranice. DevSuite Pro-ov Toggle JavaScript radi po kartici, jednim klikom. Isključite JavaScript za trenutnu karticu i ona se ponovo učitava prikazujući verziju stranice bez JS koda. Sve ostale kartice nastavljaju raditi normalno. To je ključno za testiranje progressive enhancement-a (radi li stranica bez JS koda?), verificiranje SSR/SSG renderiranja (što vide roboti tražilica?), otklanjanje JavaScript pogrešaka (nestaje li problem bez JS koda?) i testiranje noscript fallbackova. Uključite ga ponovo još jednim klikom — stranica se ponovo učitava s potpunom JavaScript funkcionalnošću.
Onemogućite JavaScript za trenutnu karticu jednim klikom. Stranica se automatski ponovo učitava kako bi prikazala verziju bez JS koda. Kliknite ponovo za ponovnu aktivaciju. Stanje prekidača je jasno prikazano (JS ON / JS OFF).
Utječe samo na trenutnu karticu. Ostale kartice, drugi prozori i druge stranice nastavljaju normalno izvršavati JavaScript. Možete imati JS onemogućen na jednoj kartici i omogućen na drugoj istovremeno.
Stranica se automatski ponovo učitava nakon prebacivanja kako bi promjena stupila na snagu čisto. Nije potrebno ručno osvježavanje — verzija bez JS koda ili s JS kodom učitava se odmah.
Pogledajte točno koji je sadržaj dostupan bez JavaScript koda — isti prikaz koji vide roboti tražilica (Googlebot u svom inicijalnom HTML prolazu). Verificirajte da je ključni sadržaj server-rendiran, a ne isključivo na strani klijenta.
Testirajte radi li osnovna funkcionalnost vaše stranice bez JavaScript koda. Obrasci bi i dalje trebali slati, poveznice bi i dalje trebale navigirati, a sadržaj bi trebao biti čitljiv kada je JS onemogućen.
Kada je JS onemogućen, sažetak prikazuje što je pogođeno: dinamički sadržaj se neće učitati, SPA-ovi neće navigirati, obrasci možda neće biti validirani na strani klijenta, a interaktivni widgeti bit će statični. Pomaže razumjeti što očekivati.
Tražilice možda neće izvršavati JavaScript kod pri svakom indeksiranju. Onemogućite JS kako biste vidjeli što vidi Googlebot u svom inicijalnom HTML prolazu. Ako vaš sadržaj, meta oznake i poveznice nedostaju bez JS koda, možda neće biti indeksirani.
Verificirajte da osnovno iskustvo vaše stranice radi bez JavaScript koda. Korisnici na sporim vezama, s blokatorima JS koda ili koji koriste asistivne tehnologije mogu naići na vašu verziju bez JS koda.
Stranica je pokvarena — je li to JavaScript pogreška ili CSS/HTML problem? Onemogućite JS. Ako problem i dalje postoji, nije JS-vezan. Ako nestane, znate da je greška u vašem JavaScript kodu.
Verificirajte da se vaši noscript tagovi i sadržaj fallbackova bez JS koda ispravno prikazuju kada JavaScript nije dostupan. Osigurajte da korisnici vide smislenu poruku umjesto prazne stranice.
Pogledajte koliko brzo se stranica učitava bez ikakva izvršavanja JavaScript koda. Ovo prikazuje osnovne performanse HTML/CSS renderiranja i pomaže identificirati koliko JavaScript usporava inicijalno učitavanje.
Otvorite skočni prozor DevSuite Pro i kliknite ikonu Toggle JavaScript. Prikazuje se trenutno stanje JS koda.
Kliknite prekidač za onemogućavanje JavaScript koda. Stranica se ponovo učitava kako bi prikazala verziju bez JS koda. Prekidač prikazuje "JS OFF" crvenom bojom.
Pregledavajte stranicu bez JavaScript koda. Provjerite je li sadržaj vidljiv, radi li navigacija i funkcioniraju li obrasci. Zabilježite što se kvari ili degradira.
Kliknite prekidač ponovo za vraćanje JavaScript koda. Stranica se ponovo učitava s potpunom JS funkcionalnošću.
Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.
