Se sei un utente web (o forse anche un aspirante web designer o sviluppatore) che spesso si imbatte in siti web dall'aspetto eccezionale con caratteristiche o aspetti che ti fanno chiedere come sono stati creati, potresti prendere in considerazione la visualizzazione del codice del sito web o la copia e salvarlo per dopo in modo che tu possa guardarlo di nuovo per capire come è stato fatto. E forse anche replicarlo nel tuo web design o nei tuoi progetti di sviluppo.
Evgenii_Bobrov / Getty Images
Copiare il codice da una singola pagina web è estremamente facile quando hai familiarità con il browser web che stai utilizzando. Ecco come farlo per tre dei browser Web più popolari.
Copia in Google Chrome
-
Apri Chrome e vai alla pagina web che desideri copiare.
-
Fare clic con in uno spazio vuoto o in un'area vuota della pagina web. Assicurati solo di non fare clic con il pulsante destro del mouse su un collegamento, un'immagine o qualsiasi altra funzione.
-
Saprai di aver fatto clic in uno spazio vuoto o in un'area vuota se vedi un'opzione etichettata Visualizza origine pagina nel menu che appare. Selezionare Visualizza origine pagina per mostrare il codice della pagina web.
-
Copiare l'intero codice evidenziando tutto o solo l'area specifica del codice che si desidera, premendo Ctrl + C or Comando + C sulla tastiera e quindi incolla il codice in un file di testo o documento.
Copia in Mozilla Firefox
-
Apri Firefox e vai alla pagina web che desideri copiare.
-
Dal menu in alto, selezionare Strumenti > Web Developer > Origine pagina.
-
Si aprirà una nuova scheda con il codice della pagina, che potrai copiare evidenziando un'area specifica o con tasto destro del mouse a Seleziona tutto se vuoi tutto il codice. stampa Ctrl + C or Comando + C sulla tastiera e incollalo in un file di testo o documento.
Copia in OS X Safari di Apple
-
Apri Safari e vai alla pagina web che desideri copiare.
-
Fare clic su Safari nel menu in alto e quindi fare clic su Preferenze.
-
Nel menu in alto della finestra che si apre sul browser, fai clic su Avanzate icona dell'ingranaggio.
-
Assicurarsi che Mostra Sviluppa menu nella barra dei menu è selezionato MENO.
-
Chiudi il Preferenze casella e fare clic su Sviluppo opzione nel menu in alto.
-
Dacci un'occhiata cliccando Mostra sorgente pagina per visualizzare una scheda con il codice dalla parte inferiore della pagina.
-
Usa il mouse per trascinare la scheda sullo schermo se desideri visualizzarlo per visualizzarlo per intero e copiarlo evidenziando tutto o solo l'area specifica di codice che desideri, premendo Ctrl + C or Comando + C sulla tastiera e poi incollalo dove vuoi.