Kuidas Chrome'is lähtekoodi vaadata? (2 meetodit) [MiniTooli uudised]

How View Source Code Chrome

Proovige Meie Instrumenti Probleemide Kõrvaldamiseks

Valige Operatsioonisüsteem Valige Projektsiooniprogramm (Valikuliselt)

Kirjeldage Oma Probleemi

Kokkuvõte:

Lehe allika vaatamine Chrome'is on hea viis saada kasulikke kujundusideid veebilehtede jaoks. Selles postituses MiniTooli tarkvara , räägime peamiselt sellest, kuidas Chrome'is lähtekoodi vaadata kahel erineval viisil. Loodetavasti on see teile kasulik.

Lehe allika vaatamine on hea meetod oma veebikujunduse taseme arendamiseks, kui olete veebitööstuse liige. Oskusi saate suurepäraselt veebisaidilt. Isegi kui te pole veebidisainer, siis kui olete huvitatud lehe allikast, võite vaadata ka lehe allikat, et saada teavet, mida te veebilehel ei näe.

Kuidas siis lehe allikat vaadata? Võite selle küsimuse esitada. Google Chrome on kogu maailmas enimkasutatav veebibrauser. Selles postituses näitame teile, kuidas vaadata allika Chrome'i.

kroomitud näpunäited trikke akna pisipilt

Google Chrome'i näpunäited ja nipid võitmiseks: kasulik ja mugav

Selles postituses näitame teile kasulikke ja mugavaid Google Chrome'i näpunäiteid, mille abil saate oma tööd palju kiiremini teha.

Loe rohkem

Lähtekoodi kuvamine Chrome'is

Chrome'is on lehe allikat väga lihtne avada ja vaadata. Siin on juhend:

1. Avage veebileht, mille soovite lehe allikat vaadata, kasutades Google Chrome'i.

2. Paremklõpsake lehel (ärge klõpsake linki) ja kuvatakse hüpikmenüü.

3. Valige Vaata lehekülje allikat menüüst. Siin näete, et lehe Kuva allikas jaoks on olemas otsetee: Ctrl + U . See tähendab, et pärast sihtveebilehele sisenemist võite vajutada klahvi Ctrl klahv ja U allika Chrome'i avamiseks ja vaatamiseks samal ajal klahvi. Kui aga kasutate Maci arvutit, peate vajutama Command + Option + U lehe allika avamiseks ja vaatamiseks Chrome'is.

klõpsake nuppu Kuva lehe allikas Chrome

4. Avaneb uus vaheleht koos selle veebilehe lähtekoodiga.

lähtekoodi leht

Need on lähtekoodid, mida soovite Google Chrome'is vaadata.

kõigi veebibrauserite pisipiltide kiirklahvid

Klaviatuuri otseteed veebibrauserite jaoks, mida peaksite teadma

Klaviatuuri otseteede kasutamine veebibrauserites võib teie jaoks palju aega kokku hoida. Selles postituses kuvame teile veebibrauserite levinumaid kiirklahve.

Loe rohkem

Täpsem: arendaja tööriistad

Chrome'i veebilehe lähtekoodi kohta lisateabe kaevamiseks võite kasutada ka Chrome'i arendaja tööriistu. Need tööriistad võimaldavad teil sellel veebisaidil näha elemente, konsooli, allikaid, võrku ja lisateavet.

Tehke järgmist.

1. Avage Chrome'i abil sihtveebileht.

2. Klõpsake kolme punkti menüüd, mis asub liidese paremas ülanurgas.

3. Mine Rohkem tööriistu> Arendaja tööriistad .

klõpsake valikul Arendaja tööriistad

4. Veebilehe vasakult küljelt ilmub uus aken, kus näete rohkem teavet veebisaidil. Nende valikute vahel vahetamiseks võite klõpsata ülemisel menüüribal.

avatud Arendustööriistad

Kui liigutate kursori CSS-is, saavad arendaja tööriistad jaotises Element esile tõsta valitud elemendi vastaval HTML-lehel. See kujundus on eriti kasulik, kui soovite saada teavet meisterdatud veebisaidi konkreetselt tükilt.

Kas lehe allika kuvamine Chrome'is on seaduslik?

Siit lugedes võite küsida selle küsimuse: kas lehe allika kuvamine Google Chrome'is on seaduslik? Lõppude lõpuks on need allikad teiste koodid.

Usume, et paljud veebidisainerid on neid asju teinud. Lehe allika vaatamine Chrome'is on seaduslik. Nende koodide kasutamine sarnase lehe loomiseks on samuti OK. Kuid koodide puutumatus oma töös pole seaduslik. Saate neid kasutada viitamiseks, kuid te ei saa plagieerida.