Toggle JavaScript poistaa JavaScript-suorituksen käytöstä tai ottaa sen uudelleen käyttöön nykyisellä selainvälilehdellä yhdellä napsautuksella. Sivu latautuu automaattisesti ja näyttää tuloksen. Näe, miten sivu käyttäytyy ilman JavaScriptiä — testaa progressiivista parannusta, varmista palvelinpuolen renderöinti, debuggaa JS-riippuvaisia ominaisuuksia tai tarkista, mitä hakukoneiden indeksointirobotit näkevät sisällöstäsi.
JavaScriptin poistaminen käytöstä Chromessa edellyttää tavallisesti siirtymistä osoitteeseen chrome://settings, useiden valikkojen läpikäymistä, asetuksen vaihtamista ja sivun uudelleenlataamista. Lisäksi se poistaa JavaScriptin käytöstä KAIKILLA välilehdillä — mikä saattaa rikkoa muita avoinna olevia sivustoja. DevSuite Pro:n Toggle JavaScript toimii välilehdittäin yhdellä napsautuksella. Kun poistat JavaScript käytöstä nykyisellä välilehdellä, sivu latautuu uudelleen näyttäen sivun version ilman JS:ää. Kaikki muut välilehdet jatkavat toimintaansa normaalisti. Tämä on välttämätöntä progressiivisen parannuksen testaamiseen (toimiiko sivusto ilman JS:ää?), SSR/SSG-renderöinnin varmistamiseen (mitä hakukoneiden indeksointirobotit näkevät?), JavaScript-virheiden debuggaukseen (häviääkö ongelma ilman JS:ää?) ja noscript-varasuunnitelmien testaamiseen. Ota se uudelleen käyttöön toisella napsautuksella — sivu latautuu täydellä JavaScript-toiminnallisuudella palautettuna.
Poista JavaScript käytöstä nykyisellä välilehdellä yhdellä napsautuksella. Sivu latautuu automaattisesti ja näyttää version ilman JS:ää. Napsauta uudelleen ottaaksesi sen käyttöön. Vaihtokytkimen tila näytetään selkeästi (JS ON / JS OFF).
Vaikuttaa vain nykyiseen välilehteen. Muut välilehdet, muut ikkunat ja muut sivustot jatkavat JavaScriptin suorittamista normaalisti. Voit pitää JS:n poissa käytöstä yhdellä välilehdellä ja käytössä toisella samanaikaisesti.
Sivu latautuu automaattisesti vaihtamisen jälkeen varmistaakseen, että muutos tulee voimaan siististi. Manuaalista päivitystä ei tarvita — versio ilman JS:ää tai JS:n kanssa latautuu välittömästi.
Näe täsmälleen, mitä sisältöä on saatavilla ilman JavaScriptiä — sama näkymä, jonka hakukoneiden indeksointirobotit (Googlebot alkuperäisessä HTML-only-läpikulussaan) näkevät. Varmista, että kriittinen sisältö on palvelinpuolella renderöity, ei pelkästään asiakaspuolella.
Testaa, toimiiko sivustosi ydintoiminnallisuus ilman JavaScriptiä. Lomakkeiden tulisi edelleen lähettää tietoja, linkkien tulisi edelleen navigoida ja sisällön tulisi edelleen olla luettavissa, kun JS on poissa käytöstä.
Kun JS on poissa käytöstä, yhteenveto näyttää, mitä vaikuttaa: dynaaminen sisältö ei lataudu, SPAs eivät navigoi, lomakkeet eivät ehkä validoi asiakaspuolella ja interaktiiviset widgetit ovat staattisia. Auttaa ymmärtämään, mitä odottaa.
Hakukoneet eivät välttämättä suorita JavaScriptiä jokaisella indeksointikierroksella. Poista JS käytöstä nähdäksesi, mitä Googlebotille näkyy alkuperäisessä HTML-läpikulussa. Jos sisältösi, metatagisi ja linkkisi puuttuvat ilman JS:ää, niitä ei ehkä indeksoida.
Varmista, että sivustosi ydinkokemus toimii ilman JavaScriptiä. Hitailla yhteyksillä olevat käyttäjät, JS-estäjien käyttäjät tai avustavia teknologioita käyttävät henkilöt saattavat kohdata JS-vapaan version.
Sivu on rikki — onko kyseessä JavaScript-virhe vai CSS/HTML-ongelma? Poista JS käytöstä. Jos ongelma jatkuu, se ei liity JS:ään. Jos se häviää, tiedät, että vika on JavaScript-koodissasi.
Varmista, että noscript-tagisi ja JS-vapaa varasivältö näkyvät oikein, kun JavaScript ei ole saatavilla. Varmista, että käyttäjät näkevät mielekkään viestin tyhjän sivun sijaan.
Näe, kuinka nopeasti sivu latautuu ilman JavaScript-suoritusta. Tämä osoittaa perustason HTML/CSS-renderöintisuorituskyvyn ja auttaa tunnistamaan, kuinka paljon JavaScript hidastaa alkuperäistä latausta.
Avaa DevSuite Pro -ponnahdusikkuna ja napsauta Toggle JavaScript -kuvaketta. Nykyinen JS-tila näytetään.
Napsauta vaihtoa poistaaksesi JavaScript käytöstä. Sivu latautuu uudelleen näyttäen version ilman JS:ää. Vaihtokytkimessä näkyy "JS OFF" punaisella.
Selaa sivua ilman JavaScriptiä. Tarkista, onko sisältö näkyvissä, navigointi toimii ja lomakkeet toimivat. Huomioi, mikä rikkoutuu tai heikkenee.
Napsauta vaihtoa uudelleen palauttaaksesi JavaScriptin. Sivu latautuu täydellä JS-toiminnallisuudella.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.
