Sivun lähdekoodin avaaminen Mozillassa. Kuinka avata sivukoodi nopeasti selaimessa, vaikka kopiointi olisi kielletty. Kuinka avata kehittäjätyökalut Yandex-selaimessa

Ohjeet

Laajenna Mozilla FireFoxissa valikon "Näytä"-osio ja napsauta "Alkuperäinen". koodi" Sama kohde on pikavalikossa, jota, jos napsautat oikealla painikkeella hiiren teksti sivuja. Voit myös käyttää pikanäppäintä CTRL + U. Mozilla FireFox ei käytä ulkoisia ohjelmia - alkuperäinen koodi sivuja syntaksin korostuksella avataan erilliseen selainikkunaan.

selaimessa Internet Explorer Napsauta valikon "Tiedosto"-osiota ja valitse "Muokkaa Muistiossa". Muistio-nimen tilalle voidaan kirjoittaa toinen nimi, jonka olet määrittänyt selaimen asetuksista nähdäksesi alkuperäisen koodi A. Klikkaamalla sivuja oikea napsautus putoaa kontekstivalikko, jossa on myös kohde, jonka avulla voit avata alkuperäisen koodi sivuja sisään ulkoinen ohjelma- "Näytä HTML- koodi A".

SISÄÄN Opera selain avaa valikko, siirry "Sivu"-osioon ja sinulla on mahdollisuus valita "Lähde"-kohta "Kehitystyökalut"-alaosiossa koodi tai nimike "Alkuperäinen koodi kehys." Näille valinnaille on määritetty pikanäppäimet CTRL + U ja CTRL + SHIFT + U, vastaavasti. Klikkaukseen sidottu kontekstivalikossa sivuja Napsauta hiiren kakkospainikkeella, siellä on myös kohde "Alkuperäinen koodi" Opera lähde sivuja ulkoisessa ohjelmassa, joka on määritetty käyttöjärjestelmässä tai selaimen asetuksissa HTML-tiedostojen muokkaamista varten.

Selain Google Chrome epäilemättä on paras organisaatio alkuperäisen katseleminen koodi A. Napsauta hiiren kakkospainikkeella ja valitse Näytä koodi A sivuja"ja sitten lähdekoodi syntaksin korostuksella avataan erilliselle välilehdelle. Tai voit valita rivin "Näytä" samasta valikosta koodi elementti" ja samalla välilehdellä avautuu kaksi lisäkehystä, joissa voit tarkastella HTML- ja CSS-koodia koodi elementti sivuja. Selain reagoi kohdistimen liikkumiseen rivien yli koodi ja korostamalla sivun elementtejä, jotka vastaavat tätä HTML-osiota koodi A.

Laajenna Apple Safari -selaimessa Näytä-osio ja valitse Näytä HTML koodi A". Avaa valikossa, joka tulee näkyviin, kun napsautat hiiren kakkospainikkeella sivuja, vastaavan kohteen nimi on "Näytä lähde". Tälle toiminnolle määritetyt pikanäppäimet ovat CTRL + ALT + U. Alkuperäinen koodi erillisessä selainikkunassa.

Lähteet:

  • kuinka muuttaa määritettyjä avaimia firefoxissa

Aika monet ihmiset, jotka ovat kohdanneet vaikeuksia tietokonepelit joita he eivät voi voittaa, he käyttävät erityisiä koodeja ratkaistakseen tämän tai toisen ongelman tai yksinkertaistaakseen peliä. Huijauskoodi on koodi, joka voidaan syöttää tietokonepeliin sen toiminnan kulkua muuttamiseksi. Tällaisten koodien syöttäminen suoritetaan toistamalla tietty teksti (joka koostuu kirjaimista tai numeroista) näppäimistöllä. Voit myös kirjoittaa tekstiä erityisesti osoitetuille alueille (pelivalikko tai konsoli). Miten löydän pelin koodin?

Tarvitset

  • Internet

Ohjeet

Tarkastellaan ensimmäistä menetelmää käyttämällä suosittua esimerkkiä http://chemax.ru. Löytääksesi koodin tietylle pelille, napsauta "Cheat Codes" -välilehteä ja valitse sitten "For". Avautuvassa ikkunassa voit joko kirjoittaa pelin nimen erityiseen nimeen (joka helpottaa hakuprosessia) tai napsauttaa englannin tai venäjän kirjainta, jolla pelin nimi alkaa. Kun valitset pelin, näet luettelon kaikista mahdolliset koodit.

Jotta voit ladata huijauskooditietokannan, sinun on mentävä verkkosivustolle http://chemax.ru ja valitse "CheMax" - "CheMax Rus" -välilehti. Tämä huijauskoodien tietokanta on myös venäjänkielinen ja siinä on edustettuna valtava määrä pelejä. Asennuksen yhteydessä sinun tulee valita venäjän kieli ja ohjelman sijainti . Kun olet käynnistänyt ohjelman, sinun on syötettävä pelin nimi erityiselle riville, minkä seurauksena saat kaikki tarvittavat huijauskoodit.

Video aiheesta

Huomautus

Älä unohda päivittää viipymättä Tämä ohjelma jotta sinulla on täydellisin koodikanta.

Hyödyllinen neuvo

Yritä saada peli loppuun ilman huijauskoodeja, koska pelin rehellinen suorittaminen antaa sinulle paljon enemmän iloa.

Katsotaanpa, kuinka alkuluku määritetään koodi sivuja, koska tämä parametri on erittäin tärkeä Internetissä työskennellessä. Jos tarvitset uutisia, tunnisteita tai kuvaa, mutta et osaa kirjoittaa sitä, voit aina kopioida tietoja toiselta sivustolta saatuasi alkuperäisen koodi sivuja jos hän ei ole varten koodi sivuston kehittäjien luomia. Alkuperäinen on tärkeä koodi sivutuissa tiedostoissa, jotka eivät ole ohjelmia, käyttämällä lähdettä koodi ja voit työskennellä sivujen kanssa ja muokata niitä.

Tarvitset

  • Ohjeet sivun lähdekoodin katseluun.

Ohjeet

Jotta se olisi näkyvissä, se on rekisteröity alkuperäiseen koodi ohm Täytä se koodi Voit, jos olet resurssin omistaja, tai muuttaa sitä käyttämällä muistilehteä, editoria, käyttämällä erityisiä laajennuksia. Käyttäjä voi myös muuttaa sivua muokkaamalla tiedostoa ja lisäämällä omansa. In - selaimet tarkastelevat lähdettä koodi ja suoritetaan käyttämällä erilaisia ​​komentoja, katsotaanpa niitä tarkemmin.

Valitse Internet Explorerissa "View"-välilehti ja sitten "alkuperäinen" koodi sivuja»tai kohteen voi valita hiiren oikealla painikkeella. Kehittäjien salattava koodi tässä siirrymme "palvelu"-valikkoon, sitten "kehittäjätyökalut", napsauta nuolta, valitse haluamasi elementti ja koodi tulla . Napsauta seuraavaksi kuvaketta ja koodi tekstimuodossa ja kopioi sen komponentit html:ksi.

Selain Mozilla Firefox tarjoaa mahdollisuuden tarkastella käyttämällä yksinkertaista komentoa "Ctrl+U" tai valitsemalla "työkalut"-valikosta alimerkkijono "view source koodi" Voit tarkastella salattuja tietoja Mozilla Firefoxissa asentamalla erityisen Web Developerin, valitse valikosta " koodi" merkkijono " luotu koodi" ja alla sivuja alkuperäisen arvo tulee näkyviin koodi A. Kopioi tiedosto leikepöydälle tai tallenna se tunnisteella page.htm.

klo käyttämällä Googlea Chromen päävalikosta "työkalut" valitse alimerkkijono "näytä lähde koodi", käytä sitten hiiren oikeaa painiketta avataksesi kohteen "näkymän koodi A sivuja» tai käyttämällä näppäimiä "Ctrl + U".

varten Safari selain valikosta löydämme "näytä html- koodi", myös napsauttamalla hiiren kakkospainikkeella, avaa alimerkkijono "näytä lähde" ​​tai käytä pikanäppäintä "Ctrl + Alt + U".

Huomautus

Mahdollisuus tarkastella salattuja tietoja lähdekoodista tapahtuu kahdella selaimella.

Hyödyllinen neuvo

Jos et ole sivuston kehittäjä, voit vaihtaa sivua vain omaan käyttöön.

Tietokonepeleissä, kuten esim oikea elämä, on mahdollisuus huijata hieman. Tätä tarkoitusta varten kehittäjät tarjoavat tuotteilleen erilaisia ​​koodeja, joiden avulla pelivalikosta voit helposti suorittaa tasoja ja tehtäviä.

Tarvitset

  • CheMax ohjelmisto.

Ohjeet

Kehittäjien testauksen aikana käyttämien koodien selvittämiseksi ei ole ollenkaan tarpeen avata kaikkia pelituotteen exe-tiedostoja HEX-editoreilla. Sinun tarvitsee vain mennä huijauksiin erikoistuneelle sivustolle käyttämällä seuraavaa linkkiä http://chemax.ru.

Siirrä osoitin ladatulla sivulla valikkoriville, eli "Cheat Codes" -osioon, ja valitse näkyviin tulevasta luettelosta "Kielellä". Päällä seuraava sivu Kirjoita pelin nimi hakupalkkiin ja napsauta "Hae" -painiketta. On suositeltavaa kirjoittaa täydellisin nimi, joka voidaan kopioida pikakuvakkeen ominaisuuksista. Voit tehdä tämän siirtymällä työpöydälle ja napsauttamalla hiiren kakkospainikkeella pelin pikakuvaketta. Valitse pikavalikosta "Ominaisuudet" ja kopioi nimi pikanäppäimellä Ctrl + C tai Ctrl + Insert.

Avaa kooditaulukko valitsemalla hakutuloksista sopivin vaihtoehto. Kooditaulukon lisäksi sivun alareunaan vierittämällä löydät myös listan kouluttajista aktiivisilla linkeillä. Jotta pääset nopeasti käsiksi tarvittaviin koodeihin ennen kuin muistat ne, on suositeltavaa valita ja kopioida tiedot ladatulta sivulta ja liittää ne sitten uudelle. Tekstiasiakirja.

Jatkuva pääsy sivustolle tarvittavan koodin saamiseksi on erittäin pitkä tehtävä, koska... tuoda markkinoille erikoisohjelma(CheMax) on monta kertaa nopeampi. Voit tehdä tämän siirtymällä CheMax-ylävalikkoon ja valitsemalla CheMax Rus. Napsauta ohjelman lataussivulla "Asentaja" tai " RAR-arkisto" ja osoita tallennuspaikka suoritettava tiedosto.

Ohjelman asennuksen jälkeen työpöydälle sijoitetaan pikakuvake, jonka käynnistäminen avaa ohjelman. Paina toiston aikana Pause ja siirry kohtaan Alt + Tab avoin ikkuna. Kirjoita hakupalkkiin pelin nimi ja paina Enter.

Video aiheesta

Lähteet:

  • Kuinka selvittää bannerikoodi?

Ohjelmakoodi voi vaihdella yksityisyyden suhteen - monet kehittäjät eivät tuota sitä julkisesti saataville ja käyttöoikeussopimuksen ehdot asettavat käyttäjille rajoituksia sen käytölle ja katselulle. On myös avoimen lähdekoodin ohjelmia, joita voidaan tarkastella, muokata ja niin edelleen.

Tarvitset

  • - ohjelma lähdekoodin avaamiseen.

Ohjeet

Varmista että lähde ohjelmisto, jota haluat tarkastella, on tarkoitettu julkiseen käyttöön. Voit tehdä tämän siirtymällä ohjelmistokehittäjän viralliselle verkkosivustolle ja tarkastelemalla lisenssityyppiä. Jos ohjelman lähdekoodi on suljettu, et voi tarkastella sitä. Tämä on epämukavaa, mutta tällaisella järjestelmällä on melko harvinaista löytää kopioita ohjelmasta, joka sisältää troijalaisia ​​ja muita haittaohjelma. Tämä on vapaiden ohjelmistojen suurin haitta.

Jos sinulla on ilmainen ohjelmisto, etsi "Lähdekoodi" ohjelmavalikosta, jos kehittäjä tarjoaa sellaisen kohteen, mikä on erittäin harvinaista. Jos haluat tarkastella sitä muissa tapauksissa, käytä kokoonpanoohjelmaa tai muuta kolmannen osapuolen ohjelmistoa.

Usein lähteen avaamiseksi sinun on tiedettävä, mitä ohjelmointikieltä ohjelman luojat käyttivät kehityksen aikana, mikä on usein erittäin vaikea määrittää. Täällä voit asentaa tietokoneellesi joukon erilaisia ​​ohjelmia eri kielillä kirjoitetun lähdekoodin avaamiseen.

Jos käytät ilmaisia ​​ohjelmistoja, tarkista lähdekoodi ennen asennusta, jos sinulla on mahdollisuus, varsinkin jos ohjelma on ladattu epävirallisesta lähteestä. Tämä auttaa suojaamaan tietokonettasi haittaohjelmilta, jotka asennetaan pääohjelman mukana.

Älä myöskään turvaudu erilaisia ​​menetelmiä Muutosten tekeminen ohjelman suljettuun lähdekoodiin, usein tällaisissa tapauksissa on tietty vastuu käyttäjän ja kehittäjän välisen lisenssisopimuksen sääntöjen rikkomisesta. Älä myöskään julkaise muokattuja tällaisia ​​ohjelmia Internetiin.

Video aiheesta

Hyödyllinen neuvo

Tarkista ilmaisten ohjelmistojen lähteet.

Ohjelmat jaettu avoimeen ja suljettuun. Ensimmäisessä tapauksessa kaikki Internetin käyttäjät voivat ladata sen alkuperäisen koodi viralliselta verkkosivustolta ja muista resursseista, toisessa - järjestelmäkoodi on suljettu ja sen

Joudumme säännöllisesti tarkastelemaan sivun lähdekoodia syystä tai toisesta. Tässä artikkelissa tarkastellaan, kuinka tarkastella verkkosivujen lähdekoodia käyttämällä esimerkkinä suosittuja selaimia: Google Chrome, Mozilla FireFox, Internet Explorer, Opera, Safari.

Minkä tahansa sivuston verkkosivun lähdekoodin katselu on kaikkien saatavilla. Ja tätä varten sinun ei tarvitse ladata sovelluksia tai asentaa ohjelmia. Tämä voidaan tehdä helposti selaimen kautta, niin sanotusti "online".

Kaikissa suosituissa selaimissa on vähintään 2 tai 3 tapaa tarkastella verkkosivujen lähdekoodia:

  • Napsauta hiiren kakkospainikkeella pikavalikkoa;
  • Näppäinyhdistelmän kautta;
  • Selaimen valikon kohteen kautta.

Lisäksi jos koodin avaaminen selaimessa ei jostain syystä sovi sinulle, voit aina tallentaa sivuston sivun tietokoneellesi ja avata HTML-tiedosto käyttämällä tekstieditori, esimerkiksi "Muistilehtiö".

Sivun lähdekoodin tarkasteleminen Chromessa

Menetelmä 1. RMB-kontekstivalikko --> Näytä lähdekoodi.

Menetelmä 2. Pikanäppäimet: Ctrl + U.

Web-sivun lähdekoodin tarkasteleminen Firefoxissa

Menetelmä 1. RMB-kontekstivalikko --> Sivun lähdekoodi.

Menetelmä 2. Pikanäppäimet: Ctrl + U.

Menetelmä 3. Selainvalikko: Työkalut --> Verkkokehitys --> Sivun lähdekoodi. Jos et näe valikkoa, paina näppäimistön ALT-näppäintä.

Sivun lähdekoodin tarkasteleminen Internet Explorerissa

Menetelmä 1. RMB-kontekstivalikko --> Näytä HTML-koodi.

Menetelmä 2. Pikanäppäimet: Ctrl + U.

Menetelmä 3. Selainvalikko: Näytä -->

Verkkosivuston sivun lähdekoodin katselu Operassa

Menetelmä 1. RMB-kontekstivalikko --> Lähdesivun teksti.

Menetelmä 2. Pikanäppäimet: Ctrl + U.

Menetelmä 3. Valikko: Kehitys --> Sivun lähdeteksti.

Sivun HTML-koodin tarkasteleminen Safarissa

Menetelmä 1. RMB-kontekstivalikko --> Näytä lähde.

Menetelmä 2. Pikanäppäimet: Ctrl + Alt + U.

Menetelmä 3. Selainvalikko: Näytä --> Näytä HTML-koodi. Jos et näe valikkoa, paina näppäimistön ALT-näppäintä.

Ctrl+U

Kuinka voin tarkastella elementin lähdekoodia?

Napsauta hiiren kakkospainikkeella kiinnostavaa sivuelementtiä.

Google Chrome: "Näytä elementtikoodi"

Ooppera: "Tarkastele elementtiä"

Firefox: "Analysoi elementti"

Etsi muissa selaimissa valikkokohtaa, jolla on samanlainen merkitys.

Hei kaikki!

Esitin koko asian erityisesti artikkelin alussa niille, jotka etsivät nopeaa vastausta.

Tieto saattaa olla monien tiedossa, mutta koska kirjoitan aloitteleville bloggaajille, web-ohjelmoijille ja muille etsijöille, tämä viiteartikkeli on pakollinen.

Tulevaisuudessa opit ehdottomasti sivujen ja yksittäisten elementtien lähdekoodia.

Katsotaanpa konkreettista esimerkkiä siitä, kuinka voit käyttää sivun lähdekoodin katselua.

Haluamme esimerkiksi nähdä mitä avainsanoja(avainsanat) käytetään tietylle sivulle. Menemme kiinnostavalle verkkosivulle ja painamme Ctrl+U. Tämän sivun lähdekoodi avautuu erilliseen ikkunaan tai erilliseen välilehteen. Paina Ctrl+F etsiäksesi koodinpätkän. Tässä tapauksessa kirjoitamme sanan " avainsanat". Sinut ohjataan automaattisesti koodinpätkään tällä sisällönkuvauskentällä ja haettu sana korostetaan.

Analogisesti voit etsiä ja tutkia muita koodinpätkiä.

Sivun koko lähdekoodin katsominen ei useimmissa tapauksissa ole kovin kätevää, joten kaikissa selaimissa on mahdollista tarkastella yksittäisen elementin tai fragmentin koodia.

Käytetään tiettyä esimerkkiä elementin koodin tarkastelusta. Katsotaan esimerkiksi, onko linkillä nofollow-attribuutti. Napsauta hiiren kakkospainikkeella meitä kiinnostavaa linkkiä ja napsauta kohdetta avattavassa pikavalikosta "Näytä elementtikoodi" tai vastaava (riippuen selaimesta). Alla erityisessä koodianalyysin ikkunassa saamme jotain samanlaista.

Näemme, että linkkikoodi sisältää rel=”nofollow” . Tämä tarkoittaa, että PR ei "vuota" tämän linkin kautta. Puhumme tästä tarkemmin seuraavissa artikkeleissa. Nyt on tärkeää, että osaat nyt tarkastella sivun lähdekoodia ja yksittäisen elementin lähdekoodia.

Selainten kehittäjät ovat huolehtineet samoissa selaimissa avautuvia sivustoja luovien eli verkkovastaavien mukavuudesta. He lisäsivät vakio-ominaisuudet kehittäjätyökalut, joiden avulla se on helppo avata ja tarkastella sivuston sivun lähdekoodia selaimessa: HTML, CSS, JavaScript (JS), hankkia erilaisia ​​hyödyllisiä tietoja sivuston rakenteesta, suorittaa sen tekninen analyysi. Yleensä näet paljon hyödyllisiä asioita.

Tietenkin näitä työkaluja käyttävät paitsi verkkosivujen luojat työssään, myös tavalliset käyttäjät, joille lähdekoodin avulla he voivat tarkastella erilaisia ​​hyödyllisiä tietoja.

Tästä artikkelista opit kuinka voit tarkastella verkkosivuston sivun lähdekoodia selaimessa (miten avataan HTML, CSS, JavaScript-koodi sivusto).

Sivun lähdekoodin avaaminen selaimessa

On kaksi tapaa avata verkkosivun lähdekoodi selaimessa:

  1. Pikanäppäinten käyttö;
  2. Avaa pikavalikosta.

Ctrl+U– pikanäppäinyhdistelmä, joka näyttää koko sivuston sivun lähdekoodin erillisessä uudessa ikkunassa. Vakiona kaikille selaimille: Google Chrome, Opera, Mozilla Firefox, Yandex-selain, IE.

Voit myös syöttää kehittäjätyökalut seuraavasti:

Löytääksesi nopeasti halutun koodin, sanan tai tekstin sivulta, voit käyttää vakiohaun pikanäppäinyhdistelmää kaikille selaimille: Ctrl + G.

Video-ohje:

Näytä elementtikoodi | tutkia elementtiä | tarkastele elementtiä

Jos sinun ei yhtäkkiä tarvitse tarkastella koko lähdekoodia, vaan näyttää vain erillinen osa siitä, jokin sivun alue, edellinen työkalu ei toimi. Tätä tarkoitusta varten kehittäjätyökaluilla on toinen toiminto, jota käsitellään alla.

Sivun elementin koodin tarkasteleminen:


Voit myös käyttää pikanäppäimiä päästäksesi nopeasti elementtien tarkastukseen.

Pikanäppäimet (painikkeet):

Google Chrome: Ctrl+Shift+I ja Ctrl+Shift+C

Opera: Ctrl+Shift+I ja Ctrl+Shift+C

Mozilla Firefox: Ctrl+Shift+I ja Ctrl+Shift+C

Yandex-selain: Ctrl+Shift+I ja Ctrl+Shift+C

Näiden vaiheiden jälkeen verkkosivun lähdekoodi avautuu samaan selainikkunaan:

Kaikki HTML-koodi on suuressa vasemmassa sarakkeessa. A CSS-tyylejä- oikealla.

Tämän menetelmän etuna on tietysti se, että käyttäjällä on mahdollisuus muuttaa lähdekoodia ja muokata tyylejä. Eli voit muokata sivuston tyylejä ja nähdä, miltä se näyttää tietyillä tyyleillä ilman, että sinun tarvitsee välittömästi tehdä muutoksia isännöintipalvelimilla oleviin tiedostoihin. Muuttaa tai lisätä ohjelmakoodi, sinun täytyy kaksoisnapsauttaa tarvittava fragmentti tai juoni. Selaimen koodin korjausta ei tietenkään tehdä isännöintipalvelimilla. Siksi tulevaisuudessa sinun on joka tapauksessa kopioitava tämä koodi ja kirjoitettava se tiedostoihin.

Tässä video-ohjeessa kuvataan yksityiskohtaisesti ja näytetään, kuinka kehittäjätyökaluja käytetään:

Juuri näin, vain verkossa, suoraan selaimessasi, voit tarkastella sivuston sivun lähdekoodia, saada perustiedot HTML- ja CSS-koodista, muuttaa ja kopioida niitä ilman, että sinun tarvitsee ladata tämän sivuston tiedostoja tietokoneellesi. .

Muuten, kokemattomat Internetin käyttäjät, jotka ovat vaihtaneet sivukoodia ja odottavat sen tallentuvan, ovat pettyneitä. Loppujen lopuksi sivun päivityksen jälkeen kaikki muutokset katoavat. Tämä ei riitä sivuston hakkerointiin :)

Kuinka tarkastella lähdekoodia Android-puhelimessa

Haluaisin myös huomauttaa, että kehittäjätyökalut ovat saatavilla paitsi selainten työpöytäversioissa, eli tietokoneissa ja kannettavissa tietokoneissa. Puhelimella ja tabletilla (Android, iOS) voit myös tarkastella lähdekoodia.

Voit tehdä tämän lisäämällä näkymän lähdekoodin etuliite tarkastettavan sivun URL-osoitteeseen:

Esimerkiksi:

katselulähde: https://site/turbo-rezhim-opera/

Pitkään aikaa "näytä sivun lähde" ​​-vaihtoehto oli minulle hyödytön ja epäkiinnostava. Toistaiseksi HTML:n oppiminen Codecademylla ja omien verkkosivujeni suunnittelu ei ole kasvanut uudeksi harrastukseksi. Tästä heräsi kysymys: mistä löytää todellisia tapauksia ja lainata mielenkiintoisia ratkaisuja "säästöpossullesi"? Vastaus oli yllättävän yksinkertainen, kuten kaikki nerokkaat asiat: katso sivun lähdekoodia Google Chromessa! Jaan teidän kanssanne vaatimattomat löytöni.

Mikä on sivun lähdekoodi

Jos sinä, kuten minä, olet vasta ottamassa ensimmäisiä askeleitasi HTML-ohjelmoinnissa, olisi hyvä idea selvittää, mikä sivun lähdekoodi on.

Lähdekoodi, joka tunnetaan myös nimellä HTML-sivukoodi, on tekstiä Hyper Text Markup Language (HTML) -kielellä. Se sisältää todellisen sivun sisällön (teksti, taulukot) ja tunnisteet. Jälkimmäiset toimivat ohjeina selaimelle: miten sisältö näytetään, minkä tyyppistä muotoilua käytetään, mihin hyperlinkki tai mediatiedosto lisätään. No, meille, aloitteleville ohjelmoijille, lähdekoodi on paras harjoituskenttä: löydämme mielenkiintoisen sivuston ja vakoilemme sitä, tallennamme sen ja käytämme onnistuneita fragmentteja. Miten?

Kuinka tarkastella lähdekoodia Google Chrome -selainsivulla

Etsi sivu, josta pidät. Olin esimerkiksi kiinnostunut sivustovalikon suunnittelusta. Avoin lähdekoodi osoitteessa Google-selain Chrome voidaan tehdä kolmella tavalla:

  1. Napsauta kuvaketta valikosta selaimen oikeassa yläkulmassa ja valitse " Lisätyökalut" Muiden joukossa on vaihtoehto "Näytä lähdekoodi". Suoraan sanottuna käytän tätä menetelmää harvoin: tarpeettomia liikkeitä on paljon. Se voidaan tehdä vielä yksinkertaisemmiksi.
  2. Paina näppäinyhdistelmää Ctrl+U– uusi ikkuna lähdekoodilla avautuu;
  3. Kontekstivalikon faneille: napsauta sivua hiiren kakkospainikkeella ja valitse "Näytä sivukoodi" -vaihtoehto.

Selvisimme tehtävästä tarkastella sivun HTML-koodia selaimessa. Siirrytään mielenkiintoisimpaan vaiheeseen.

Kuinka muokata ja tallentaa lähdekoodia

Jotta voit oppia luomaan verkkosivustoja, ei riitä, että luet jonkun toisen HTML-koodia. Sinun täytyy leikkiä sillä, kokeilla, tehdä muutoksia ja tarkistaa tulos. Voit jopa aloittaa kokoamalla muutaman onnistuneen näytteen. Kuinka muokata ja tallentaa lähdekoodia?

Vaihtoehto 1. "Manuaalisesti"

Kun olemme avannut sivun lähdekoodin, avaa kontekstivalikko ja valitse "Tallenna nimellä" ja tallenna tiedosto HDD. Muokkaamme tiedostoa Muistiossa tai Muistiossa, tallennamme muutokset ja avaamme sen selaimen kautta. Muutostemme tulokset (onnistuneet ja vähemmän onnistuneet) näkyvät selainikkunassa.

Vaihtoehto 2. Ammattilaisille

Kun "pelataan" lähdekoodilla joka päivä, "tallenna - avaa - muuta - tallenna - tarkista" -prosessista tulee väsyttävä. Itselleni löysin ratkaisun asentamalla Google Chromen laajennuksen - Firebug Lite. Sen avulla voit muokata ja tallentaa lähdekoodia poistumatta selainikkunasta.