Kuinka katsella lähdekoodia Chromessa? (2 tapaa) [MiniTool-uutiset]

How View Source Code Chrome

Yhteenveto:

Sivulähteen tarkasteleminen Chromessa on hyvä tapa saada hyödyllisiä suunnitteluideoita verkkosivuille. Tässä viestissä MiniTool-ohjelmisto , puhumme lähinnä siitä, miten lähdekoodia voidaan tarkastella Chromessa kahdella eri tavalla. Toivomme, että siitä on hyötyä sinulle.

Sivulähteen tarkasteleminen on hyvä tapa kehittää verkkosuunnittelutasoasi, jos olet verkkoteollisuuden jäsen. Voit hankkia taitoja erinomaisesta verkkosivusta. Vaikka et ole verkkosivujen suunnittelija, jos olet kiinnostunut sivun lähteestä, voit myös tarkastella sivun lähdettä saadaksesi tietoja, joita et näe verkkosivulla.

Kuinka sitten tarkastella sivulähdettä? Voit kysyä tämän kysymyksen. Google Chrome on eniten käytetty verkkoselain kaikkialla maailmassa. Tässä viestissä näytämme, miten voit tarkastella lähdekromia.

kromivinkit temppuja Windowsin pikkukuva

Google Chrome -vinkit ja -vinkit: Hyödyllinen ja kätevä

Tässä viestissä näytämme sinulle hyödyllisiä ja käteviä Google Chrome -vinkkejä ja vihjeitä, joiden avulla voit tehdä työsi paljon nopeammin.

Lue lisää

Lähdekoodin tarkasteleminen Chromessa

Sivulähde on erittäin helppo avata ja tarkastella Chromessa. Tässä on opas:

1. Avaa verkkosivu, jonka haluat tarkastella sivulähteessä, käyttämällä Google Chromea.

2. Napsauta hiiren kakkospainikkeella sivua (älä napsauta linkkiä) ja näkyviin tulee ponnahdusvalikko.

3. Valitse Näytä sivun lähdekoodi valikosta. Täällä voit nähdä, että Näytä sivulähde on oikotie: Ctrl + U . Tämä tarkoittaa, että kun olet siirtynyt kohdesivulle, voit painaa Ctrl avain ja U -näppäintä samanaikaisesti avataksesi ja tarkastellaksesi lähdekromia. Kun käytät Mac-tietokonetta, sinun on painettava Komento + Optio + U avata ja tarkastella sivulähdettä Chromessa.

Valitse Näytä sivulähde Chrome-valikosta

4. Uusi välilehti avautuu kyseisen verkkosivun lähdekoodin kanssa.

lähdekoodisivu

Nämä ovat lähdekoodit, joita haluat tarkastella Google Chromessa.

kaikkien selainten pikanäppäimet pikkukuva

Pikanäppäimet selaimille, jotka sinun pitäisi tietää

Pikanäppäinten käyttäminen selaimissa voi säästää paljon aikaa. Näytämme sinulle joitain yleisiä pikanäppäimiä selaimille tässä viestissä.

Lue lisää

Advanced: Kehittäjän työkalut

Jos haluat kaivaa lisätietoja Chromen verkkosivun lähdekoodista, voit käyttää myös Chromen kehittäjätyökaluja. Näiden työkalujen avulla voit nähdä elementtejä, konsolia, lähteitä, verkkoa ja lisätietoja kyseisellä verkkosivulla.

Tässä on asioita, jotka sinun pitäisi tehdä:

1. Avaa kohdesivu Chromella.

2. Napsauta käyttöliittymän oikeassa yläkulmassa olevaa kolmen pisteen valikkoa.

3. Siirry kohtaan Lisää työkaluja> Kehittäjän työkalut .

Valitse Kehittäjän työkalut

4. Verkkosivun vasemmalta puolelta avautuu uusi ikkuna, josta näet lisätietoja verkkosivulta. Voit siirtyä näiden vaihtoehtojen välillä napsauttamalla ylävalikkoriviä.

avasi kehitystyökalut

Kun siirrät kohdistinta CSS: ssä Elementti-osiossa, kehittäjätyökalut voivat korostaa valitun elementin vastaavalla HTML-sivulla. Tämä malli on erityisen hyödyllinen, kun haluat saada tietoja tietystä muotoilun verkkosivun kappaleesta.

Onko laillista tarkastella sivulähdettä Chromessa?

Täältä luettuna saatat kysyä tämän kysymyksen: onko laillista tarkastella sivulähdettä Google Chromessa? Loppujen lopuksi nämä lähteet ovat muiden koodeja.

Uskomme, että monet web-suunnittelijat ovat tehneet näitä asioita. Sivulähteen tarkasteleminen Chromessa on laillista. Näiden koodien käyttäminen samanlaisen sivun luomiseen on myös OK. Mutta ei ole laillista pitää koodeja ehjinä työssäsi. Voit käyttää niitä viitteeksi, mutta et voi plagioida.