Com veure la font HTML a Google Chrome
Tant si sou un dissenyador web que depura el codi font del vostre lloc com si només teniu curiositat per saber com és el codi d’un lloc, podeu veure la font HTML directament a Google Chrome. Hi ha dues maneres de veure la font HTML: veure la font i inspeccionar-la mitjançant les eines per a desenvolupadors.
Visualitza el codi font mitjançant la pàgina Visualitza el codi font
Engegueu Chrome i aneu a la pàgina web que vulgueu veure el codi font HTML. Feu clic amb el botó dret a la pàgina i feu clic a "Mostra la font de la pàgina" o premeu Ctrl + U per veure la font de la pàgina en una pestanya nova.
S'obre una nova pestanya juntament amb tot l'HTML de la pàgina web, completament expandit i sense format.
Si cerqueu un element o una peça específics a la font HTML, utilitzar View Source és tediós i complicat, sobretot si la pàgina utilitza molts JavaScript i CSS.
Inspeccioneu el codi font mitjançant les eines per a desenvolupadors
Aquest mètode utilitza el tauler Eines per a desenvolupadors de Chrome i és un mètode molt més net per veure el codi font. L’HTML és més fàcil de llegir aquí gràcies al format addicional i a la possibilitat de replegar elements que no us interessa veure.
Obriu Chrome i aneu a la pàgina que voleu inspeccionar; després premeu Ctrl + Maj + i. S'obrirà un panell acoblat al costat de la pàgina web que esteu visualitzant.
Feu clic a la petita fletxa grisa que hi ha al costat d’un element per expandir-lo encara més.
Si no voleu veure el codi de la pàgina completa de manera predeterminada, sinó que inspeccioneu un element específic a l'HTML, feu clic amb el botó dret a l'espai de la pàgina i feu clic a "Inspecciona".
Quan el panell s'obre aquesta vegada, va directament a la part de codi que conté l'element al qual heu fet clic.
Si voleu canviar la posició del moll, podeu moure-la a la part inferior, esquerra, dreta o fins i tot desemmuntar-la en una finestra independent. Feu clic a la icona de menú (tres punts) i, a continuació, trieu desacoblar en una finestra independent, acoblar a l'esquerra, acoblar a la part inferior o acoblar a la dreta, respectivament.
Això és tot el que hi ha. Quan hàgiu acabat de mirar el codi, tanqueu la pestanya Visualitza la font o feu clic a la "X" al tauler Eines per a desenvolupadors per tornar a la vostra pàgina web.
