Koodi kopeerimine veebisaitidelt Chrome'i, Firefoxi ja Edge'i abil

Veebisaidi nullist loomine võib olenevalt projekti keerukusest jätta kukalt kratsima. Selle aeganõudva oskuse omandamiseks võib kuluda kuid või aastaid. Selle tulemusena on enamik professionaalseid kodeerijaid oma oskuste täiustamiseks välja töötanud protsessid ja otseteed.

See hõlmab kõige populaarsemate ja korduvate programmeerimiskoodide käepärase loendi pidamist. Sellest artiklist saate teada veel ühe nipi, mis võimaldab teil veebisaidi koodi vastutustundlikult kopeerida, kasutades populaarseid brausereid, nagu Chrome, Firefox ja Edge. See võib olla hindamatu õpperessurss, pakkudes näiteid lõpetatud koodist.

Kuidas Chrome'i abil veebisaitidelt koodi kopeerida

Saate veebisaidilt koodi kopeerida, kasutades Chrome'is järgmisi meetodeid.

Lehe allika kaudu

See on võib-olla parim ja lihtsaim viis veebisaidi või veebilehe kogu koodibaasi juurde pääsemiseks, olenemata brauserist. Lehe allika vaatamiseks Chrome'is minge sihtveebisaidile ja paremklõpsake lehe mis tahes osal peale linkide, piltide või reklaamide.

Klõpsake Vaata lehe allikat või lihtsalt vajuta Ctrl + U (Windows, Linux) või Command + U (macOS). Kopeerige soovitud osa koodist või kogu see ja kleepige see eelistatud koodiredaktorisse.

F12 otsetee kaudu

Chrome'i arendaja tööriistadele pääsete hõlpsalt juurde, kui külastate veebisaiti ja vajutate lihtsalt nuppu F12. Chrome'i arendaja tööriistad sisaldavad veebisaidi koodi ja toimivad arendajate silumistööriistana.

Valige kogu soovitud kood, kopeerige see ja kleepige see oma valitud koodiredaktorisse.

Teine võimalus Chrome'i arendaja tööriistade paneelile sisenemiseks on kontrollimise tööriist. Selleks külastage sihtveebisaiti, millelt soovite koodi kopeerida. Nüüd vajutage Ctrl + tõstuklahv + I (Windows, Linux) või Command + Option + I (macOS), viib see teid otse Dev Toolsi.

Teise võimalusena paremklõpsake lehe mis tahes selget osa ja valige Kontrollige lehe allika vaatamise valiku all.

Chrome'i menüü Rohkem toiminguid kaudu

Teine viis veebisaidi koodi uurimiseks Chrome'i arendajatööriistade kaudu on klõpsata kolme punkti nupul sihtveebisaidi paremas ülanurgas. Valige menüüvalikutest Rohkem tööriistu, siis Arendaja tööriistad.

Kopeerige kogu soovitud kood ja kleepige see mis tahes valitud koodiredaktorisse. Lisaks sellele, et see on silumistööriist, saate seda teha ka kasutage ekraanipiltide tegemiseks Chrome Dev Toolsi.

Kuidas Firefoxi abil veebisaitidelt koodi kopeerida

Siin on erinevad viisid veebisaidi koodi kopeerimiseks Firefoxi abil.

Vaata lehe allikat

Veebisaidi koodile Firefoxis juurdepääsuks ja selle kopeerimiseks lehe allikat vaadates paremklõpsake lihtsalt sihtveebisaiti ja klõpsake nuppu Vaata lehe allikat.

Teise võimalusena vajutage Ctrl + U (Windows, Linux) või Command + U (macOS). Kopeerige kogu soovitud kood ja kleepige see oma valitud koodiredaktorisse.

Sama lihtsalt saate vaadata lehe allikat Firefoxis, klõpsates kolmerealist hamburgeri menüüd ja valides Rohkem tööriistuja klõpsates Lehekülje allikas.

Klaviatuuri otsetee F12 kaudu

Sarnaselt Chrome'iga pääsete veebisaidi koodile juurde ka Firefoxi arendustööriistades, vajutades lihtsalt klaviatuuril klahvi F12.

Otsige ringi, otsides konkreetset koodi, mida otsite, pöörates erilist tähelepanu stiiliredaktorile. Nüüd kopeerige ja kleepige kogu see kood oma lemmikkoodiredaktorisse ja tehke oma võlu.

Jällegi, nagu Chrome, pääsete samaväärselt juurde ka Firefoxis veebisaidi koodile, kasutades sisseehitatud kontrollitööriista. Selleks paremklõpsake sihtveebisaidi mis tahes selget osa ja vajutage nuppu K või klõpsake Kontrollige. Võite ka vajutada Ctrl + tõstuklahv + I (Windows, Linux) või Command + Option + I (macOS).

Nagu selgitatud, saate ikkagi stiiliredaktorit kasutada orienteerumiseks, kuni leiate otsitava koodi. Seejärel kopeerige ja kleepige see ükskõik millisesse parimad koodiredaktorid, mida võite leida.

Firefoxi menüü Rohkem toiminguid kaudu

Veebisaidi koodi kopeerimiseks Firefoxis menüü Rohkem toiminguid kaudu veebisaidilt, mille koodi soovite kopeerida, klõpsake paremas ülanurgas kolmerealist hamburgeri menüüd.

Valige Rohkem tööriistu, seejärel klõpsake Veebiarendaja tööriistad. Siit saate soovitud koodi kopeerimiseks kasutada inspektorit või stiiliredaktorit.

Inspektori puhul kasutage kirjetes navigeerimiseks klaviatuuri nooleklahve või kerimisriba. Stiiliredaktoris saate vasakpoolset navigeerimispaneeli kasutades keskenduda konkreetsetele reaüksustele. Kui olete otsitava leidnud, kleepige kopeeritud kood oma koodiredaktorisse ja kohandage seda oma maitse järgi.

Kuidas kopeerida koodi veebisaitidelt Edge'i abil

Edge'i abil saate veebisaidi koodi hõlpsalt erinevatel viisidel kopeerida järgmiselt.

Vaata lehe allikat

Veebisaidi koodi kopeerimiseks, vaadates Microsoft Edge'is lehe allikat, paremklõpsake lihtsalt sihtsaidi mis tahes selgel osal ja valige Vaata lehe allikat.

Teise võimalusena võite lihtsalt vajutada Ctrl + U (Windows, Linux) või Command + U (macOS), kopeerige soovitud osa, kleepige see redaktorisse ja alustage koodi kohandamist.

Klaviatuuri otsetee F12 kaudu

Kui kasutate Edge'i, saate samamoodi kopeerida veebisaidi koodi, vajutades lihtsalt klahvi F12, kui külastate veebisaiti, millelt soovite koodi kopeerida.

Kinnitage oma valik klõpsates Avage DevTools. Arendustööriistade paneelil saate hõlpsalt kopeerida kogu soovitud koodi ja muuta oma töö kiiremaks.

Veebisaidi koodi kopeerimiseks Edge'i kontrollimise tööriistaga minge veebisaidile, mille koodi soovite kopeerida, paremklõpsake mis tahes selgel osal ja valige Kontrollige.

Võite ka vajutada Ctrl + tõstuklahv + I (Windows, Linux) või Command + Option + I (macOS). Seejärel saate kopeerida ja kleepida koodi, mida soovite dubleerida ja muuta.

Edge'i nupu Rohkem toiminguid kaudu

Edge võimaldab teil pääseda juurde ka DevToolsi paneelile menüü Rohkem toiminguid kaudu. Selleks minge veebisaidile, mille koodi soovite kopeerida. Klõpsake paremas ülanurgas kolme punkti nuppu ja klõpsake nuppu Rohkem tööriistu, siis Arendaja tööriistad.

Kui teie brauseris puudub mõni neist valikutest või funktsioonidest, võiksite kontrollida, kas see on ajakohane. Siin on kuidas kontrollida ja värskendada Chrome'i, Firefoxi ja Edge'i.

Ükskõik, millist lähenemist kasutate ja millist Chromiumi-põhist brauserit (Chrome, Firefox või Edge) kasutate, teie saab otsida konkreetseid faile või elemente, klõpsates arendustööriistade paneeli kolme punktiga menüüd ja valides Otsing. Teise võimalusena vajutage lihtsalt Ctrl + tõstuklahv + F (Windows, Linux) või Command + Option + F (macOS).

The Avatud fail ja Käivita käsk valikud on abiks ka veebisaidilt koodi leidmisel, nii palju kui Stiiliredaktor Firefoxis ja Elemendid Chrome'i ja Edge'i arendaja tööriistade paneelil.

Täiustage oma oskusi olemasoleva veebisaidi koodi abil

Olenemata sellest, kas kasutate Chrome'i, Firefoxi, Edge'i või muid Chromiumi-põhiseid veebibrausereid (sellest asjast), saate säästa palju aega ja energiat, kopeerides lihtsalt koodi juba olemasolevatelt veebisaitidelt.

Veebisaidi koodi kopeerimine peaks aga toimuma ainult enda õppimiseks ja võrguühenduseta ringi tuhnimiseks. Olemasoleva veebisaidi koopia loomise katse ja selle avaldamine sellisel kujul võib viia autoriõiguste rikkumiseni. Mobiilsete koodiredaktorite abil saate oma kodeerimise kaasa võtta ka liikvel olles.