Datos ir laiko keitiklis

Išbandykite svetaines su Datos ir laiko keitikliu. Lengvai keiskite datą ir laiką „JavaScript“ nekeičiant sistemos laikrodžio.

Datos ir laiko keitiklis padeda kūrėjams išbandyti, kaip svetainė elgiasi kitą datą, laiką ar laiko zoną. Naudokite jį, kad ištaisytumėte laiko priklausomas sąsajas, nekeičiant sistemos laikrodžio. 🕒 Pagrindinės funkcijos • Keisti laiką ir datą svetainėje esamoje kortelėje • Pasirinkti kitą laiko zoną, nekeičiant sistemos nustatymų • Sustabdyti simuliuotą laikrodį arba leisti jam toliau veikti • Taikyti simuliuotus nustatymus palaikomoms JavaScript datos API • Atkurti tikras vertes, kai darbas baigtas Datos ir laiko keitiklis yra naudingas frontend kūrimui, QA, palaikymui ir produkto peržiūrai. Galvokite apie tai kaip apie laiko kelionių plėtinį frontend testavimui: atlikite datos ir laiko pakeitimą naršyklės JavaScript, kol kitos programos ir kortelės išlaiko tikrą laikrodį. 📌 Dažniausiai pasitaikantys naudojimo atvejai ➤ Išbandykite atgalinius skaičiavimus, laikmačius ir riboto laiko akcijas ➤ Peržiūrėkite kasdienes, savaitines ir mėnesines UI būsenas ➤ Patikrinkite rezervavimo formas, kalendorius ir datos patvirtinimą ➤ Atkurkite klaidas, kurios pasirodo prieš arba po vidurnakčio ➤ Patikrinkite laiko zonų konversiją ir vasaros laiko perėjimus ➤ Peržiūrėkite turinį, suplanuotą ateities datai 🚀 Kaip naudoti Datos ir laiko keitiklį 1. Atidarykite svetainę, kurią norite išbandyti. 2. Paspauskite plėtinį „Chrome“ įrankių juostoje. 3. Pasirinkite reikiamą datą, laikrodžio vertę ir laiko zoną. 4. Taikykite nustatymus ir perkraukite puslapį. 5. Išbandykite scenarijų, tada išjunkite keitiklį, kad grįžtumėte prie tikro laikrodžio. 1️⃣ Pasirinkite vertes Pasirinkite dieną kalendoriuje, tada įveskite tikslius valandas ir minutes, reikalingas jūsų testui. Tai padeda jums patikrinti kliento pusės galiojimo taisykles, suplanuotas UI būsenas, rodomą sąskaitų tvarkaraštį, formų apribojimus, atgalinius skaičiavimus ir problemas, kurios atsiranda netoli vidurnakčio. 2️⃣ Pasirinkite laiko zoną Įjunkite valdymą ir pasirinkite regioną. Puslapis naudos tą regioną palaikomoms JavaScript operacijoms, leidžiančioms jums patikrinti vietinį datos formatavimą, UTC nuokrypius ir vasaros laiko elgseną. 3️⃣ Taikyti ir veikti Taikykite nustatymus ir patikrinkite svetainę esamoje kortelėje. Simuliuotas laikas gali toliau veikti normaliai arba likti fiksuotas naudojant „Freeze time“. ⚙️ JavaScript testavimas Datos ir laiko keitiklis veikia vertes, grąžinamas puslapio JavaScript. Data, Intl.DateTimeFormat ir Temporal.Now (naršyklėse, kurios tai palaiko) naudoja simuliuotus nustatymus aktyvioje kortelėje, todėl kūrėjai gali patikrinti frontend elgseną kontroliuojamomis sąlygomis. Kitos kortelės ir šaltiniai nėra keičiami. 💡 Pavyzdiniai scenarijai - Nustatykite laiką vieną minutę prieš pardavimo pabaigą ir stebėkite, kaip puslapis keičiasi po termino. - Atidarykite kalendorių 11:59 PM paskutinę mėnesio dieną ir patikrinkite jo būseną po vidurnakčio. - Atkurkite praneštą problemą, suderindami vartotojo datą, laiką ir laiko zoną. Jei ieškojote, kaip pakeisti datą „Chrome“, šis įrankis suteikia atsakymą. Jis neperrašo kompiuterio laikrodžio. Datos ir laiko keitiklis modifikuoja tai, ką palaikomos JavaScript datos API praneša pasirinktai svetainei, padėdamas jums izoliuoti scenarijų nuo likusios naršyklės sesijos. ❓ Dažnai užduodami klausimai 📌 Ar galiu nustatyti kitą datą ir laiką svetainės JavaScript? 💡 Taip. Atidarykite tikslinę kortelę, pasirinkite reikiamas vertes ir taikykite jas su datos ir laiko keitikliu. 📌 Ar Datos ir laiko keitiklis veikia sistemos laikrodį? 💡 Ne. Simuliuota data, laikrodžio vertė ir laiko zona skirti JavaScript pasirinktame kortelėje. Išjunkite laiko keitiklio plėtinį, kai norite, kad puslapis vėl naudotų tikrus nustatymus. 📌 Ar galiu išbandyti vasaros laiką? 💡 Taip. Pasirinkite laiko zoną, kuri taiko vasaros laiką, tada nustatykite datas iškart prieš ir po vasaros laiko perėjimo. Galite patikrinti UTC nuokrypio pokyčius, praleistus valandas, pakartotas valandas ir vertes, rodomas svetaine. 📌 Kodėl turėčiau sustabdyti laiką? 💡 Fiksuota vertė yra naudinga, kai lyginate UI būsenas, fiksuojate klaidą, darote ekrano nuotraukas arba vykdote tą patį rankinį testą daugiau nei vieną kartą. 🧩 Žinokite ribas Datos ir laiko keitiklis skirtas kontroliuojamam naršyklės testavimui, o ne serverio laiko ar operacinės sistemos laikrodžio keitimui. Backend vis tiek gali grąžinti savo laiko žymą. Keitiklis neveikia iframes su sandbox atributu, todėl tos įterptos svetainės toliau naudoja tikras vertes. Laikykite šias ribas omenyje, kai peržiūrite rezultatą. Naudokite Datos ir laiko keitiklį, kai jums reikia pakartojamo šių parametrų pakeitimo frontend derinimui. Atidarykite puslapį, sureguliuokite laiką ir datą, išbandykite elgseną ir grįžkite prie tikro laikrodžio, kai baigsite.