- Chris Hoffman
@chrisbhoffman
- octombrie 2, 2019, ora 8:00 EDT
paginile Web sunt documente browser-ul web afișează. Dar dacă ați putea tasta direct pe orice pagină web pentru ao modifica? Puteți și nu aveți nevoie de o extensie de browser—este o caracteristică încorporată în fiecare browser modern.
această caracteristică profită de „document.caracteristica „designMode”, pe care o puteți activa prin consola JavaScript a browserului dvs. web., A fost evidențiat recent de Tomek Sułkowski pe Twitter, dar este atât de cool încât trebuie să-l împărtășim cu cititorii noștri.puteți utiliza această caracteristică pentru a curăța o pagină web înainte de a o tipări, pentru a testa modul în care vor arăta modificările unei pagini web sau chiar pentru a glumi oamenii. Va fi la fel ca editarea unui document Word—nu încurcați cu HTML necesar.pentru a activa această caracteristică, vizitați o pagină web și apoi deschideți consola pentru dezvoltatori., Pentru a deschide consola în Google Chrome, faceți clic pe meniul > Mai multe Instrumente > Producător de Instrumente sau apăsați Ctrl+Shift+i.
în Timp ce suntem folosind Chrome ca un exemplu aici, această caracteristică funcționează în alte browsere moderne, de asemenea. Aici este cum de a deschide consola în alte browsere:
- În Mozilla Firefox, faceți clic pe meniul > Web Developer > Consola Web sau apăsați Ctrl+Shift+K.,
- În Apple Safari, faceți clic pe Safari > Preferințe > Avansate și permite „Arată Dezvolta meniu în bara de meniu.”Apoi, faceți clic pe dezvolta > arată consola JavaScript.
- În Microsoft Edge, faceți clic pe meniul > Mai multe Instrumente > Producător de Instrumente sau apăsați F12 și apoi faceți clic pe „Consola” tab.Faceți clic pe fila” consolă ” din partea de sus a panoului Instrumente pentru dezvoltatori., Introduceți următoarele în consolă și apăsați Enter:
document.designMode = 'on'
acum Puteți închide consola, dacă doriți, și puteți edita pagina web curentă ca și cum ar fi un document editabil. Faceți clic pe undeva pentru a insera cursorul și tastați text. Utilizați tastele Backspace sau Delete pentru a elimina text, imagini și alte elemente.acest lucru schimbă doar modul în care apare pagina web în browserul dvs. De îndată ce actualizați pagina, veți vedea din nou originalul., Dacă accesați o altă pagină web sau o filă, aceasta nu va fi în modul de proiectare până când nu deschideți consola și tastați din nou această linie.
puteți merge chiar înapoi în consolă și executați următoarea comandă pentru a activa modul de proiectare off:
document.designMode = 'off'
pagina web nu va fi editabil, dar modificările dvs. vor fi păstrate până la următorul refresh la pagina.Chris Hoffman Chris Hoffman este redactor-șef al How-To Geek. A scris despre tehnologie timp de aproape un deceniu și a fost editorialist PCWorld timp de doi ani., Chris a scris pentru The New York Times, a fost intervievat ca expert în tehnologie pe posturi de televiziune precum NBC 6 din Miami și și-a acoperit munca de știri precum BBC. De cand 2011, Chris a scris peste 2.000 de articole care au fost citite mai mult de 500 de milioane de ori—și asta e doar aici, la How-To Geek.Citeste tot Bio ”