Come visualizzare il codice sorgente HTML di qualsiasi sito Web?

Durante lo sviluppo di un sito Web, gli sviluppatori hanno spesso bisogno di vedere come sono disegnati i diversi siti Web o, a volte, lo sviluppatore desidera controllare il comportamento di diverse proprietà di stile sul sito Web. Per fare ciò, è meglio vedere il codice sorgente del sito Web e modificarlo lì. Se lo stile desiderato funzionava, allora copia lo stile da lì e incollalo nel progetto.

Questo blog fornirà procedure per visualizzare il codice sorgente HTML del sito Web.

Come visualizzare/controllare il codice sorgente HTML di qualsiasi sito Web?

Per visualizzare la fonte HTML, aprire il sito Web e fare clic con il pulsante destro del mouse ovunque sulla finestra. Verrà visualizzato un menu a discesa. Quindi, seleziona il "Visualizza l'origine della pagina"Opzione o premere"Ctrl+u":

Di conseguenza, la finestra del codice sorgente si aprirà in una nuova scheda:

C'è un altro metodo per visualizzare il codice sorgente è selezionare "Ispezionare"Opzione dallo stesso menu:

Verrà visualizzata la finestra dello strumento sviluppatore, che mostra il codice sorgente del sito Web. Da qui, puoi modificare gli stili degli elementi in runtime. Ti consente anche di copiare il codice e incollarlo nel tuo progetto:

Abbiamo offerto due metodi per visualizzare il codice sorgente HTML di qualsiasi sito Web.

Conclusione

Per visualizzare il codice sorgente HTML, fare clic con il pulsante destro del mouse sul sito Web e selezionare "Fonte di pagina aperta" O "Ispezionare" opzione. Puoi anche modificare il codice dalla finestra dello strumento sviluppatore per vedere come funziona la pagina. Quindi, copia quel codice nel nostro progetto. Questo blog ha dimostrato i metodi per visualizzare il codice sorgente HTML di qualsiasi sito Web.