Kaip nukopijuoti kodą iš svetainių naudojant „Chrome“, „Firefox“ ir „Edge“.

Sukūrus svetainę nuo nulio, gali tekti laužyti galvą, atsižvelgiant į projekto sudėtingumą. Šį daug laiko reikalaujantį įgūdį įvaldyti gali užtrukti mėnesius ar metus. Todėl dauguma profesionalių programuotojų sukūrė procesus ir nuorodas, kad patobulintų savo įgūdžius.

Tai apima patogų populiariausių ir pasikartojančių programavimo kodų sąrašą. Šiame straipsnyje sužinosite dar vieną triuką, leidžiantį atsakingai kopijuoti svetainės kodą naudojant populiarias naršykles, tokias kaip Chrome, Firefox ir Edge. Tai gali būti neįkainojamas mokymosi šaltinis, siūlantis užbaigto kodo pavyzdžius.

Kaip nukopijuoti kodą iš svetainių naudojant „Chrome“.

Galite nukopijuoti kodą iš svetainės naudodami toliau nurodytus „Chrome“ metodus.

Per puslapio šaltinį

Tai turbūt geriausias ir lengviausias būdas pasiekti visą svetainės ar tinklalapio kodų bazę, neatsižvelgiant į naršyklę. Jei norite peržiūrėti puslapio šaltinį naršyklėje „Chrome“, eikite į tikslinę svetainę ir dešiniuoju pelės mygtuku spustelėkite bet kurią puslapio dalį, išskyrus nuorodas, vaizdus ar skelbimus.

Spustelėkite Rodyti puslapio šaltinį arba tiesiog paspauskite Ctrl + U („Windows“, „Linux“) arba Command + U (macOS). Nukopijuokite norimą kodo dalį arba visą ją ir įklijuokite į pageidaujamą kodo rengyklę.

Per F12 spartųjį klavišą

„Chrome“ kūrėjo įrankius galite lengvai pasiekti apsilankę svetainėje ir tiesiog paspausdami F12. „Chrome“ kūrėjo įrankiuose yra svetainės kodas ir jie naudojami kaip kūrėjams skirtas derinimo įrankis.

Pasirinkite visą norimą kodą, nukopijuokite jį ir įklijuokite į pasirinktą kodų rengyklę.

Kitas būdas patekti į „Chrome“ kūrėjo įrankių skydelį yra tikrinimo įrankis. Norėdami tai padaryti, apsilankykite tikslinėje svetainėje, iš kurios norite kopijuoti kodą. Dabar paspauskite Ctrl + Shift + I („Windows“, „Linux“) arba Command + Option + I (macOS), pateksite tiesiai į Dev Tools.

Arba dešiniuoju pelės mygtuku spustelėkite bet kurią aiškią puslapio dalį ir pasirinkite Apžiūrėti iš meniu parinkčių, tiesiai po parinktimi, kad peržiūrėtumėte puslapio šaltinį.

Per „Chrome“ daugiau veiksmų meniu

Kitas būdas naršyti svetainės kodą naudojant „Dev Tools“ naršyklėje „Chrome“ yra spustelėti trijų taškų mygtuką, esantį viršutiniame dešiniajame tikslinės svetainės kampe. Meniu parinktyse pasirinkite Daugiau įrankių, tada Kurejo irankiai.

Nukopijuokite visą norimą kodą ir įklijuokite į bet kurį pasirinktą kodų rengyklę. Be to, ne tik derinimo įrankis, bet ir galite naudokite „Chrome Dev Tools“, kad padarytumėte ekrano kopijas.

Kaip nukopijuoti kodą iš svetainių naudojant Firefox

Štai įvairūs būdai, kaip kopijuoti svetainės kodą naudojant „Firefox“.

Rodyti puslapio šaltinį

Norėdami pasiekti ir nukopijuoti svetainės kodą „Firefox“ peržiūrėdami puslapio šaltinį, tiesiog dešiniuoju pelės mygtuku spustelėkite tikslinę svetainę ir spustelėkite Rodyti puslapio šaltinį.

Arba paspauskite Ctrl + U („Windows“, „Linux“) arba Command + U (macOS). Nukopijuokite visą norimą kodą ir įklijuokite jį į pasirinktą kodų rengyklę.

Taip pat lengvai galite peržiūrėti puslapio šaltinį „Firefox“ spustelėję trijų eilučių mėsainio meniu ir pasirinkę Daugiau įrankiųir spustelėdami Puslapio šaltinis.

Per F12 spartųjį klavišą

Kaip ir „Chrome“, svetainės kodą galite pasiekti naudodami „Firefox Dev Tools“ tiesiog paspausdami klaviatūros klavišą F12.

Apžiūrėkite konkretų kodą, kurio ieškote, ypatingą dėmesį skirdami stiliaus redaktoriui. Dabar nukopijuokite ir įklijuokite visą šį kodą į savo mėgstamą kodų rengyklę ir paleiskite savo magiją.

Vėlgi, kaip ir "Chrome", taip pat galite pasiekti svetainės kodą "Firefox" naudodami integruotą tikrinimo įrankį. Norėdami tai padaryti, dešiniuoju pelės mygtuku spustelėkite bet kurią aiškią tikslinės svetainės dalį ir paspauskite K arba spustelėkite Apžiūrėti. Taip pat galite paspausti Ctrl + Shift + I („Windows“, „Linux“) arba Command + Option + I (macOS).

Kaip paaiškinta, vis tiek galite naudoti stiliaus rengyklę, kad surastumėte kelią, kol rasite ieškomą kodą. Tada nukopijuokite ir įklijuokite jį į bet kurį iš geriausi kodo redaktoriai, kuriuos galite rasti.

Per Firefox Daugiau veiksmų meniu

Norėdami nukopijuoti svetainės kodą „Firefox“ naudodami daugiau veiksmų meniu, iš svetainės, kurios kodą norite kopijuoti, viršutiniame dešiniajame kampe spustelėkite trijų eilučių mėsainio meniu.

Pasirinkite Daugiau įrankių, tada spustelėkite Žiniatinklio kūrėjo įrankiai. Iš čia galite naudoti inspektorių arba stiliaus rengyklę, kad nukopijuotumėte norimą kodą.

Jei naudojate inspektorių, naudokite klaviatūros rodyklių klavišus arba slinkties juostą, kad naršytumėte įrašus. Stiliaus rengyklėje galite sutelkti dėmesį į konkrečius eilutės elementus naudodami kairįjį naršymo skydelį. Kai rasite tai, ko norite, įklijuokite nukopijuotą kodą į kodo rengyklę ir pritaikykite jį pagal savo skonį.

Kaip nukopijuoti kodą iš svetainių naudojant Edge

Naudodami Edge galite lengvai nukopijuoti svetainės kodą įvairiais būdais.

Rodyti puslapio šaltinį

Norėdami nukopijuoti svetainės kodą peržiūrėdami puslapio šaltinį Microsoft Edge, tiesiog dešiniuoju pelės mygtuku spustelėkite bet kurią aiškią tikslinės svetainės dalį ir pasirinkite Rodyti puslapio šaltinį.

Arba galite tiesiog paspausti Ctrl + U („Windows“, „Linux“) arba Command + U (macOS), nukopijuokite norimą dalį, įklijuokite ją į redaktorių ir pradėkite tinkinti kodą.

Per F12 spartųjį klavišą

Jei naudojate Edge, taip pat galite nukopijuoti svetainės kodą tiesiog paspausdami klavišą F12, kai lankotės svetainėje, iš kurios norite kopijuoti kodą.

Patvirtinkite savo pasirinkimą spustelėdami Atidarykite DevTools. Dev Tools skydelyje galite lengvai nukopijuoti visą norimą kodą ir pagreitinti darbą.

Norėdami nukopijuoti svetainės kodą naudodami „Edge's Inspect“ įrankį, eikite į svetainę, kurios kodą norite kopijuoti, dešiniuoju pelės mygtuku spustelėkite bet kurią aiškią dalį ir pasirinkite Apžiūrėti.

Taip pat galite paspausti Ctrl + Shift + I („Windows“, „Linux“) arba Command + Option + I (macOS). Tada galite nukopijuoti ir įklijuoti kodą, kurį norite kopijuoti ir redaguoti.

Per Edge daugiau veiksmų mygtuką

„Edge“ taip pat leidžia pasiekti „DevTools“ skydelį per daugiau veiksmų meniu. Norėdami tai padaryti, eikite į svetainę, kurios kodą norite kopijuoti. Spustelėkite trijų taškų mygtuką viršutiniame dešiniajame kampe ir spustelėkite Daugiau įrankių, tada Kurejo irankiai.

Jei jūsų naršyklėje nėra kurios nors iš šių parinkčių ar funkcijų, galbūt norėsite patikrinti, ar ji atnaujinta. Štai kaip patikrinti ir atnaujinti „Chrome“, „Firefox“ ir „Edge“..

Kad ir kokį metodą pasirinktumėte ir kurią „Chromium“ naršyklę naudotumėte („Chrome“, „Firefox“ ar „Edge“), jūs galite ieškoti konkrečių failų ar elementų spustelėdami trijų taškų meniu Dev Tools skydelyje ir pasirenkant Paieška. Arba tiesiog paspauskite Ctrl + Shift + F („Windows“, „Linux“) arba Command + Option + F (macOS).

The Atidaryti failą ir Vykdyti komandą parinktys taip pat naudingos ieškant kodo svetainėje Stiliaus redaktorius „Firefox“ ir Elementai „Chrome“ ir „Edge dev“ įrankių skydelyje.

Patobulinkite savo įgūdžius naudodami esamą svetainės kodą

Nesvarbu, ar naudojate „Chrome“, „Firefox“, „Edge“ ar kitas „Chromium“ pagrindu sukurtas žiniatinklio naršykles (šiuo atveju), galite sutaupyti daug laiko ir energijos tiesiog nukopijuodami kodą iš jau esamų svetainių.

Tačiau svetainės kodą reikia kopijuoti tik tam, kad galėtumėte mokytis ir naršyti neprisijungę. Bandymas sukurti esamos svetainės kopiją ir paskelbti ją tokią, kokia ji yra, gali būti pažeistos autorių teisės. Taip pat galite pasiimti savo kodavimą kelyje naudodami mobiliųjų kodų redaktorius.