Jos olet verkkovastaava (tai ehkä jopa haastava web-suunnittelija tai kehittäjä ), joka usein esiintyy upeilla verkkosivustoilla, joilla on ominaisuuksia tai näkökohtia, jotka tekevät sinusta ihmettelemään, miten ne on luotu, kannattaa harkita verkkosivuston koodin kopiointia ja tallentamista myöhemmin voit tarkastella sitä uudelleen selvittääksesi, miten se on tehty - ja ehkä jopa kopioida sen omassa web-suunnittelussa tai kehityshankkeissa.
Kopioiminen koodista yhdestä web-sivusta on erittäin helppoa, kun tunnet käyttämäsi verkkoselaimen. Näin voit tehdä sen kolmella suosituimmalla selaimella.
Kopiointi Google Chrome -selaimessa
- Avaa Chrome ja siirry kopioitavalle verkkosivustolle.
- Napsauta hiiren kakkospainikkeella tyhjää tilaa tai tyhjää aluetta verkkosivulla. Varmista, että et napsauta hiiren oikealla painikkeella linkkiä, kuvaa tai muuta ominaisuutta.
- Tiedät, että olet napsauttanut tyhjää tilaa tai tyhjää aluetta, jos näkyviin tulee valikko, jonka otsikko on "Näytä sivun lähde". Valitse tämä vaihtoehto, jos haluat näyttää verkkosivun koodin.
- Kopioi koko koodi korostamalla kaikki tai vain haluamasi koodin alue, painamalla Ctrl + C tai Command + C näppäimistössä ja liittämällä se tekstiksi tai dokumenttitiedostoiksi.
Kopiointi Mozilla Firefox -selaimessa
- Avaa Firefox ja siirry kopioitavalle verkkosivulle.
- Valitse ylävalikosta Työkalut> Web-kehittäjä> Sivun lähde.
- Uusi välilehti avataan sivun koodilla, jota voit kopioida korostamalla tietyn alueen tai napsauttamalla hiiren kakkospainikkeella Valitse kaikki, jos haluat koko koodin. Paina Ctrl + C tai Command + C näppäimistössä ja liitä se teksti- tai dokumenttitiedostoon.
Kopiointi Applen OS X Safari -selaimessa
- Avaa Safari ja selaa sivulle, jonka haluat kopioida.
- Valitse ylävalikosta Safari ja valitse sitten Asetukset.
- Valitse selaimen yläpuolella olevan ruutun ylävalikosta Lisäasetukset-kuvake.
- Varmista, että "Näytä kehysvalikko valikkorivillä" on valittuna.
- Sulje Asetukset-ruutu ja napsauta Kehitä-vaihtoehtoa ylävalikossa.
- Napsauta "Näytä sivun lähdekoodi", jos haluat avata sivun alareunassa olevan koodin.
- Vedä hiirellä vetää välilehteä näyttönne, jos haluat tuoda sen ylös nähdäksesi sen kokonaan ja kopioida sen korostamalla kaikki tai vain haluamasi koodin, painamalla Ctrl + C tai Command + C näppäimistösi ja liitä se missä haluat.
Päivitetty: Elise Moreau