2015-07-24 3 views
5

Se inserisci un comando in Chrome Dev tools (che potrebbe essere un grande blocco di codice) e premi invio, c'è un modo per "annullare" le modifiche apportate al DOM? O devi semplicemente aggiornare la pagina?Chrome Dev Tools - È possibile annullare le modifiche nella console?

+0

basta aggiornare la pagina - non c'è nessun annullamento. –

+0

Leggi la guida: https://developer.chrome.com/devtools – CodeGodie

+3

Non capisco perché i downvotes. "Basta aggiornare" non è abbastanza buono poiché potrebbero essere necessari alcuni passaggi per raggiungere lo stato a cui si desidera tornare, specialmente per le app a singola pagina. Annullare le modifiche sarebbe sicuramente una funzione utile. – yvesmancera

risposta

0

Dipende da cosa fa effettivamente quel codice. Ad esempio se cambi qualcosa nello stile (css) o nella struttura (html), se lo aggiorni verrà mostrata la pagina originale. Ma se quel codice cambia un valore di cookie, l'aggiornamento non è sufficiente, o anche la chiusura del browser e l'apertura di nuovo.

1

anche io cercavo una risposta a questa domanda oltre "aggiornare la pagina" ... Ci siamo imbattuti in questa soluzione:

  1. Enter strumenti di sviluppo Chrome (CMD + Shift + I su Mac)

  2. fare clic sui tre punti allineati in verticale per ottenere il menu delle impostazioni

  3. con il mouse sopra "altri strumenti" poi vai a "Changes"

  4. Nella finestra modifiche che è possibile vedere tutte le modifiche apportate durante la sessione di modifica DOM corrente - per ripristinare tutti, è sufficiente fare clic sulla annullare freccia in basso a sinistra ...

See la visuale sotto

Reset all changes made in Chrome dev tools