Kā skatīt HTML avotu pārlūkprogrammā Google Chrome

Kas jāzina

• Ar peles labo pogu noklikšķiniet uz tīmekļa lapas un izvēlieties Skatīt lapas avotu .
• Īsceļš: nospiediet Ctrl + IN (Windows PC) vai Pavēli + Opcija + IN (Mac).
• Lai izmantotu Chrome izstrādātāja rīkus, atlasiet Izvēlne (trīs punkti) > Vairāk rīku > Izstrādātāju rīki .

Šajā rakstā ir paskaidrots, kā Google Chrome tīmekļa pārlūkprogrammā piekļūt vietnes HTML avota kodam, kā arī piekļūt Chrome izstrādātāja rīkiem un tos izmantot. Vietnes avota koda skatīšana ir lielisks veids, kā iesācējiem apgūt HTML.

Skatiet avota kodu pārlūkā Chrome

Tātad, kā skatīt vietnes avota kodu? Šeit ir sniegti detalizēti norādījumi, kā to izdarīt, izmantojot pārlūkprogrammu Google Chrome.

1. Atveriet Google Chrome tīmekļa pārlūkprogramma (ja jums nav Instalēts Google Chrome , šī ir bezmaksas lejupielāde).

2. Dodieties uz tīmekļa lapu, kuru vēlaties pārbaudīt .

3. Ar peles labo pogu noklikšķiniet lapu un apskatiet parādīto izvēlni. Šajā izvēlnē noklikšķiniet uz Skatīt lapas avotu .

   

4. Šīs lapas avota kods tagad parādīsies kā jauna cilne pārlūkprogrammā.

5. Varat arī izmantot īsinājumtaustiņus Ctrl + IN datorā, lai atvērtu logu ar vietnes avota kodu. Mac datorā šī saīsne ir Pavēli + Opcija + IN .

Hilarija Elisone / Lifewire

kā atrast porta numuru Windows 10

Izmantojiet Chrome izstrādātāja rīkus

Papildus vienkāršajamSkatīt lapas avotuGoogle Chrome piedāvātās iespējas, varat arī izmantot to lieliskās priekšrocības Izstrādātāja rīki lai izraktu vietu vēl dziļāk. Šie rīki ļaus jums ne tikai redzēt HTML, bet arī CSS, kas attiecas uz šī HTML dokumenta elementu skatīšanu.

Lai izmantotu Chrome izstrādātāja rīkus, veiciet tālāk norādītās darbības.

1. Atvērt Google Chrome .

2. Dodieties uz tīmekļa lapa, kuru vēlaties pārbaudīt .

3. Izvēlieties trīs punktu izvēlne pārlūkprogrammas loga augšējā labajā stūrī.

4. No izvēlnes virziet kursoru virs Vairāk rīku un tad izvēlieties Izstrādātāju rīki parādītajā izvēlnē.

   

5. Tiks atvērts logs, kurā rūts kreisajā pusē ir redzams HTML avota kods un labajā pusē - saistītais CSS.

6. Alternatīvi, ja ar peles labo pogu noklikšķiniet elements tīmekļa lapā un atlasiet Pārbaudīt Parādītajā izvēlnē tiks parādīti Chrome izstrādātāja rīki un tiks izcelta konkrēta daļa, kuru izvēlējāties HTML kodā ar atbilstošo CSS, kas tiek parādīts labajā pusē. Tas ir ļoti noderīgi, ja vēlaties uzzināt vairāk par konkrētu vietnes daļu.

   vai pluto tv ir vietējie kanāli

Vai pirmkoda skatīšana ir likumīga?

Gadu gaitā daudzi jauni tīmekļa dizaineri ir jautājuši, vai ir pieņemami skatīt vietnes pirmkodu un izmantot to savai izglītībai un, visbeidzot, darbam, ko viņi dara. Lai gan vietnes koda kopēšana vairumtirdzniecībā un tā tālāk nodošana vietnē noteikti nav pieņemama, šī koda izmantošana kā atspēriena punkts, no kura mācīties, patiesībā ir tas, cik daudz šajā nozarē ir panākts progress.

Kā jau minējām šī raksta sākumā, šodien jums būs grūti atrast strādājošu tīmekļa speciālistu, kurš nav kaut ko iemācījies, apskatot vietnes avotu. Jā, vietnes pirmkoda skatīšana ir likumīga. Šo kodu izmantot kā resursu, lai izveidotu kaut ko līdzīgu, ir arī droši. Problēmas rodas, pieņemot kodu tādu, kāds tas ir, un nododot to kā savu darbu.

Galu galā tīmekļa profesionāļi mācās viens no otra un bieži vien uzlabo darbu, ko viņi redz un iedvesmo, tāpēc nevilcinieties apskatīt vietnes pirmkodu un izmantot to kā mācību rīku.

Vairāk nekā tikai HTML

Viena lieta, kas jāatceras, ir tāda, ka avota faili var būt ļoti sarežģīti (un jo sarežģītāka ir jūsu skatītā vietne, jo sarežģītāks ir vietnes kods). Papildus HTML struktūrai, kas veido lapu, būs arī CSS (kaskādes stila lapas), kas nosaka šīs vietnes vizuālo izskatu. Turklāt šodien daudzās vietnēs būs iekļauti skriptu faili, kas iekļauti kopā ar HTML.

Iespējams, ka ir iekļauti vairāki skripta faili; patiesībā katrs no tiem nodrošina dažādus vietnes aspektus. Atklāti sakot, vietnes avota kods var šķist milzīgs, it īpaši, ja neesat to darījis iesācējs. Neesiet sarūgtināts, ja nevarat uzreiz saprast, kas notiek ar šo vietni. HTML avota skatīšana ir tikai pirmais solis šajā procesā. Ar nelielu pieredzi jūs sāksit labāk saprast, kā visi šie elementi sader kopā, lai izveidotu tīmekļa vietni, ko redzat savā pārlūkprogrammā. Iepazīstoties ar kodu, jūs varēsit no tā uzzināt vairāk, un tas jums nešķitīs tik biedējoši.

• Kā rediģēt HTML kodu pārlūkā Chrome?

  Pārlūkā Chrome atveriet izstrādātāja rīkus, nospiežot Ctrl (vai Pavēli Mac datorā) + Shift + I . No turienes nospiediet Ctrl ( Pavēli operētājsistēmā Mac) + O un atlasiet saglabāto avota failu, kuru vēlaties rediģēt, lai to atvērtu.

  kā spēlēt mirušu dienasgaismā ar draugiem

• Kā pārlūkprogrammā Chrome skatīt lapas avota kodu, ja ir atspējota opcija Skatīt avotu?

  Ja vietne ir atspējojusi opciju Skatīt avotu, iespējams, joprojām varat apskatīt zem pārsega. Pārlūka loga augšdaļā atlasiet Skatīt > Izstrādātājs > Skatīt avotu , kam vajadzētu izvilkt tīmekļa lapas avota kodu.

• Kā pārlūkprogrammā Chrome skatīt vietnes avota kodu, izmantojot savu Android ierīci?

  Pārejiet uz vietni, kuru vēlaties skatīt, izmantojot ierīces Chrome lietotni, un pēc tam atlasiet pārlūkprogrammas adreses joslu. Pārvietojiet teksta kursoru pa kreisi — pirms URL — un ierakstiet skata avots , pēc tam nospiediet Ievadiet vai atlasiet Aiziet .