Korištenje postojećeg koda koji će vam pomoći da poboljšate svoje vještine i naučite. Evo kako kopirati kod s web stranica u većini glavnih preglednika.
Izrada web stranice od nule može vas ostaviti bez glave, ovisno o složenosti projekta. Svladavanje ove dugotrajne vještine može trajati mjesecima ili godinama. Kao rezultat toga, većina profesionalnih kodera razvila je procese i prečace za usavršavanje svojih vještina.
To uključuje vođenje praktičnog popisa najpopularnijih i ponavljajućih programskih kodova. U ovom ćete članku naučiti još jedan trik koji vam omogućuje odgovorno kopiranje koda web stranice pomoću popularnih preglednika kao što su Chrome, Firefox i Edge. To može biti neprocjenjiv resurs za učenje, nudeći primjere dovršenog koda.
Kako kopirati kod s web stranica pomoću Chromea
Možete kopirati kôd s web-mjesta pomoću sljedećih metoda u Chromeu.
Putem izvora stranice
Ovo je možda najbolji i najlakši način za pristup cijeloj bazi koda web stranice ili web stranice, bez obzira na preglednik. Da biste vidjeli izvor stranice u Chromeu, idite na ciljnu web stranicu i desnom tipkom miša kliknite bilo koji dio stranice osim veza, slika ili oglasa.
Klik Pogledaj izvor stranice ili jednostavno pritisnite Ctrl + U (Windows, Linux) ili Command + U (macOS). Kopirajte željeni dio koda ili cijeli i zalijepite ga u željeni uređivač koda.
Putem prečaca F12
Alatima za razvojne programere Chromea možete jednostavno pristupiti tako da odete na web mjesto i jednostavno pritisnete F12. Chromeovi alati za razvojne programere sadrže kod web-mjesta i služe kao alat za otklanjanje pogrešaka za razvojne programere.
Odaberite sav kod koji želite, kopirajte ga i zalijepite u uređivač koda po vašem izboru.
Drugi način za ulazak u ploču Chrome Developer Tools je putem alata Inspect. Da biste to učinili, posjetite ciljnu web stranicu s koje želite kopirati kod. Sada, pritisnite Ctrl + Shift + I (Windows, Linux) ili Command + Option + I (macOS), ovo će vas odvesti ravno do Dev Tools.
Alternativno, desnom tipkom miša kliknite bilo koji čisti dio stranice i odaberite Pregledati iz opcija izbornika, odmah ispod opcije za pregled izvora stranice.
Kroz Chromeov izbornik Više radnji
Drugi način za istraživanje koda web stranice putem Dev Tools u Chromeu je klik na gumb s tri točkice u gornjem desnom kutu ciljne web stranice. Iz opcija izbornika odaberite Više alata, onda Razvojni alati.
Kopirajte sav kod koji želite i zalijepite u uređivač koda po vašem izboru. Također, osim što je alat za otklanjanje pogrešaka, također možete koristite Chrome Dev Tools za snimanje zaslona.
Kako kopirati kod s web stranica pomoću Firefoxa
Evo različitih načina kopiranja koda web stranice pomoću Firefoxa.
Pogledaj izvor stranice
Da biste pristupili i kopirali kod web stranice u Firefoxu pregledom izvora stranice, jednostavno desnom tipkom miša kliknite ciljnu web stranicu i kliknite Pogledaj izvor stranice.
Alternativno, pritisnite Ctrl + U (Windows, Linux) ili Command + U (macOS). Kopirajte sav kod koji želite i zalijepite ga u uređivač koda po izboru.
Isto tako jednostavno možete vidjeti izvor stranice u Firefoxu klikom na izbornik hamburgera u tri retka, odabirom Više alata, i klikom Izvor stranice.
Preko tipkovnog prečaca F12
Baš kao i Chrome, možete pristupiti kodu web stranice u Firefox Dev Tools jednostavnim pritiskom tipke F12 na tipkovnici.
Potražite specifični kôd koji tražite, obraćajući posebnu pozornost na uređivač stilova. Sada kopirajte i zalijepite sav taj kod u svoj omiljeni uređivač koda i djelujte svoju čaroliju.
Opet, poput Chromea, možete jednako pristupiti kodu web stranice u Firefoxu pomoću ugrađenog alata Inspect. Da biste to učinili, desnom tipkom miša kliknite bilo koji čisti dio ciljne web stranice i pritisnite ili Q ili kliknite Pregledati. Također možete pritisnuti Ctrl + Shift + I (Windows, Linux) ili Command + Option + I (macOS).
Kao što je objašnjeno, i dalje možete koristiti Uređivač stilova da biste se snašli dok ne pronađete kôd koji tražite. Zatim ga kopirajte i zalijepite u bilo koji od najbolji uređivači koda koje možete pronaći.
Putem Firefox izbornika Više radnji
Za kopiranje koda web stranice u Firefoxu putem izbornika više radnji, s web stranice čiji kod želite kopirati, kliknite izbornik hamburgera u tri retka u gornjem desnom kutu.
Izaberi Više alata, zatim kliknite Alati za web programere. Odavde možete koristiti Inspector ili Style Editor za kopiranje željenog koda.
Za Inspector koristite tipke sa strelicama na tipkovnici ili traku za pomicanje za kretanje kroz unose. Za uređivač stilova možete se fokusirati na određene stavke retka pomoću lijeve navigacijske ploče. Kada pronađete ono što želite, zalijepite kopirani kod u uređivač koda i prilagodite ga svom ukusu.
Kako kopirati kod s web stranica pomoću Edgea
Možete jednostavno kopirati kod web stranice na različite načine koristeći Edge kako slijedi.
Pogledaj izvor stranice
Za kopiranje koda web stranice pregledom izvora stranice u Microsoft Edgeu jednostavno desnom tipkom miša kliknite bilo koji čisti dio ciljne stranice i odaberite Pogledaj izvor stranice.
Alternativno, možete jednostavno pritisnuti Ctrl + U (Windows, Linux) ili Command + U (macOS), kopirajte dio koji želite, zalijepite ga u editor i počnite prilagođavati kod.
Preko tipkovnog prečaca F12
Ako koristite Edge, također možete kopirati kod web stranice jednostavnim pritiskom na tipku F12 kada posjetite web stranicu s koje želite kopirati kod.
Potvrdite svoj odabir klikom Otvorite DevTools. Na ploči Dev Tools možete jednostavno kopirati sav kod koji želite i ubrzati svoj posao.
Za kopiranje koda web stranice pomoću Edgeovog alata Inspect, idite na web stranicu čiji kod želite kopirati, desnom tipkom miša kliknite bilo koji čisti dio i odaberite Pregledati.
Također možete pritisnuti Ctrl + Shift + I (Windows, Linux) ili Command + Option + I (macOS). Zatim možete kopirati i zalijepiti kôd koji želite duplicirati i urediti.
Preko Edgeovog gumba Više radnji
Edge vam također omogućuje pristup njegovoj ploči DevTools putem izbornika više radnji. Da biste to učinili, idite na web mjesto čiji kod želite kopirati. Pritisnite gumb s tri točke u gornjem desnom kutu i kliknite Više alata, onda Razvojni alati.
Ako vašem pregledniku nedostaje bilo koja od ovih opcija ili značajki, možda biste trebali provjeriti je li ažuran. Evo kako provjeriti i ažurirati Chrome, Firefox i Edge.
Kakav god pristup da odaberete i koji god preglednik temeljen na Chromiumu koristite (Chrome, Firefox ili Edge), može tražiti određene datoteke ili elemente klikom na izbornik s tri točke na ploči Dev Tools i odabiranje traži. Alternativno, jednostavno pritisnite Ctrl + Shift + F (Windows, Linux) ili Command + Option + F (macOS).
The Otvorena datoteka i Naredba za pokretanje opcije su također korisne za pronalaženje koda na web stranici, koliko i Uređivač stilova u Firefoxu i Elementi na ploči alata za programere Chrome i Edge.
Usavršite svoje vještine korištenjem postojećeg koda web stranice
Bez obzira koristite li Chrome, Firefox, Edge ili druge web preglednike temeljene na Chromiumu (što se toga tiče), možete uštedjeti mnogo vremena i energije jednostavnim kopiranjem koda s već postojećih web stranica.
Međutim, kopiranje koda web stranice trebalo bi biti učinjeno samo za vlastito učenje i čeprkanje izvan mreže. Pokušaj stvaranja replike postojećeg web-mjesta i njegovo objavljivanje takvog kakvog jest može dovesti do kršenja autorskih prava. Svoje kodiranje možete ponijeti i dok ste u pokretu s uređivačima kodova za mobilne uređaje.