Kā kopēt kodu no vietnēm, izmantojot Chrome, Firefox un Edge

Izveidojot vietni no jauna, jūs varat saskrāpēt galvu atkarībā no projekta sarežģītības. Šīs laikietilpīgās prasmes apgūšana var aizņemt mēnešus vai gadus. Tā rezultātā lielākā daļa profesionālo kodētāju ir izstrādājuši procesus un saīsnes, lai uzlabotu savas prasmes.

Tas ietver ērta populārākā un atkārtotā programmēšanas koda saraksta uzturēšanu. Šajā rakstā jūs uzzināsit vēl vienu triku, kas ļauj atbildīgi kopēt vietnes kodu, izmantojot tādas populāras pārlūkprogrammas kā Chrome, Firefox un Edge. Tas var būt nenovērtējams mācību resurss, piedāvājot pabeigta koda piemērus.

Kā kopēt kodu no vietnēm, izmantojot Chrome

Pārlūkā Chrome varat kopēt kodu no vietnes, izmantojot tālāk norādītās metodes.

Izmantojot lapas avotu

Tas, iespējams, ir labākais un vienkāršākais veids, kā piekļūt visai vietnes vai tīmekļa lapas kodu bāzei neatkarīgi no pārlūkprogrammas. Lai pārlūkā Chrome skatītu lapas avotu, dodieties uz mērķa vietni un ar peles labo pogu noklikšķiniet uz jebkuras lapas daļas, izņemot saites, attēlus vai reklāmas.

Klikšķis Skatīt lapas avotu vai vienkārši nospiediet Ctrl+U (Windows, Linux) vai Command+U (macOS). Kopējiet vajadzīgo koda daļu vai visu to un ielīmējiet to vēlamajā koda redaktorā.

Izmantojot saīsni F12

Varat viegli piekļūt Chrome izstrādātāja rīkiem, atverot vietni un vienkārši nospiežot F12. Chrome izstrādātāja rīkos ir vietnes kods, un tie darbojas arī kā izstrādātāju atkļūdošanas rīks.

Atlasiet visu vajadzīgo kodu, kopējiet to un ielīmējiet to izvēlētā koda redaktorā.

Vēl viens veids, kā ievadīt Chrome izstrādātāja rīku paneli, ir pārbaudes rīks. Lai to izdarītu, apmeklējiet mērķa vietni, no kuras vēlaties kopēt kodu. Tagad nospiediet Ctrl+Shift+I (Windows, Linux) vai Command + Option + I (macOS), tas jūs novirzīs tieši uz Dev Tools.

Vai arī ar peles labo pogu noklikšķiniet uz jebkuras notīrītas lapas daļas un atlasiet Pārbaudīt no izvēlnes opcijām, tieši zem opcijas, lai skatītu lapas avotu.

Izmantojot Chrome izvēlni Citas darbības

Vēl viens veids, kā pārlūkprogrammā Chrome izpētīt vietnes kodu, izmantojot izstrādātāja rīkus, ir noklikšķināt uz trīs punktu pogas mērķa vietnes augšējā labajā stūrī. Izvēlnes opcijās atlasiet Vairāk rīku, tad Izstrādātāju rīki.

Kopējiet visu vajadzīgo kodu un ielīmējiet to jebkurā koda redaktorā pēc jūsu izvēles. Papildus tam, ka tas ir atkļūdošanas rīks, varat arī izmantojiet Chrome Dev Tools, lai uzņemtu ekrānuzņēmumus.

Kā kopēt kodu no vietnēm, izmantojot Firefox

Šeit ir dažādi veidi, kā kopēt vietnes kodu, izmantojot Firefox.

Skatīt lapas avotu

Lai piekļūtu un kopētu vietnes kodu pārlūkprogrammā Firefox, skatot lapas avotu, vienkārši ar peles labo pogu noklikšķiniet uz mērķa vietnes un noklikšķiniet uz Skatīt lapas avotu.

Alternatīvi nospiediet Ctrl+U (Windows, Linux) vai Command+U (macOS). Kopējiet visu vajadzīgo kodu un ielīmējiet to izvēlētajā koda redaktorā.

Tikpat viegli varat apskatīt lapas avotu pārlūkprogrammā Firefox, noklikšķinot uz trīs rindiņu hamburgera izvēlnes un atlasot Vairāk rīkuun noklikšķinot Lapas avots.

Izmantojot īsinājumtaustiņu F12

Tāpat kā pārlūkprogrammā Chrome, arī Firefox Dev Tools varat piekļūt vietnes kodam, vienkārši nospiežot tastatūras taustiņu F12.

Apskatiet konkrēto kodu, kuru meklējat, īpašu uzmanību pievēršot stila redaktoram. Tagad kopējiet un ielīmējiet visu šo kodu savā iecienītākajā koda redaktorā un izmantojiet savu burvību.

Atkal, tāpat kā pārlūkā Chrome, pārlūkprogrammā Firefox varat piekļūt vietnes kodam, izmantojot iebūvēto pārbaudes rīku. Lai to izdarītu, ar peles labo pogu noklikšķiniet uz jebkuras skaidras mērķa vietnes daļas un nospiediet vai nu J vai noklikšķiniet Pārbaudīt. Varat arī nospiest Ctrl+Shift+I (Windows, Linux) vai Command + Option + I (macOS).

Kā paskaidrots, joprojām varat izmantot stila redaktoru, lai orientētos, līdz atrodat meklēto kodu. Pēc tam kopējiet un ielīmējiet to jebkurā no labākie kodu redaktori, ko varat atrast.

Izmantojot Firefox papildu darbību izvēlni

Lai kopētu vietnes kodu pārlūkprogrammā Firefox, izmantojot izvēlni Citas darbības, no vietnes, kuras kodu vēlaties kopēt, augšējā labajā stūrī noklikšķiniet uz trīs rindiņu hamburgeru izvēlnes.

Izvēlieties Vairāk rīku, pēc tam noklikšķiniet Web izstrādātāju rīki. Šeit varat izmantot inspektoru vai stila redaktoru, lai kopētu vajadzīgo kodu.

Inspektoram izmantojiet tastatūras bulttaustiņus vai ritjoslu, lai pārvietotos pa ierakstiem. Stila redaktoram varat koncentrēties uz noteiktiem rindas elementiem, izmantojot kreiso navigācijas paneli. Kad esat atradis vajadzīgo, ielīmējiet nokopēto kodu savā koda redaktorā un pielāgojiet to savai gaumei.

Kā kopēt kodu no vietnēm, izmantojot Edge

Varat viegli kopēt vietnes kodu dažādos veidos, izmantojot Edge šādi.

Skatīt lapas avotu

Lai kopētu vietnes kodu, skatot lapas avotu programmā Microsoft Edge, vienkārši ar peles labo pogu noklikšķiniet uz jebkuras tīrās mērķa vietnes daļas un atlasiet Skatīt lapas avotu.

Alternatīvi, jūs varat vienkārši nospiest Ctrl+U (Windows, Linux) vai Command+U (macOS), kopējiet vajadzīgo daļu, ielīmējiet to redaktorā un sāciet pielāgot kodu.

Izmantojot īsinājumtaustiņu F12

Ja izmantojat Edge, varat arī kopēt vietnes kodu, vienkārši nospiežot taustiņu F12, kad apmeklējat vietni, no kuras vēlaties kopēt kodu.

Apstipriniet savu izvēli, noklikšķinot uz Atveriet DevTools. Panelī Dev Tools varat viegli kopēt visu vajadzīgo kodu un padarīt darbu ātrāku.

Lai kopētu vietnes kodu, izmantojot Edge's Inspect rīku, dodieties uz vietni, kuras kodu vēlaties kopēt, ar peles labo pogu noklikšķiniet uz jebkuras notīrītās daļas un atlasiet Pārbaudīt.

Varat arī nospiest Ctrl+Shift+I (Windows, Linux) vai Command + Option + I (macOS). Pēc tam varat kopēt un ielīmēt kodu, kuru vēlaties dublēt un rediģēt.

Izmantojot Edge pogu Vairāk darbību

Edge arī ļauj piekļūt DevTools panelim, izmantojot izvēlni Citas darbības. Lai to izdarītu, dodieties uz vietni, kuras kodu vēlaties kopēt. Noklikšķiniet uz trīs punktu pogas augšējā labajā stūrī un noklikšķiniet uz Vairāk rīku, tad Izstrādātāja rīki.

Ja jūsu pārlūkprogrammā nav nevienas no šīm opcijām vai funkcijām, iespējams, vēlēsities pārbaudīt, vai tā ir atjaunināta. Lūk kā pārbaudīt un atjaunināt Chrome, Firefox un Edge.

Neatkarīgi no jūsu pieejas un izmantotās Chromium pārlūkprogrammas (Chrome, Firefox vai Edge), jūs var meklēt konkrētus failus vai elementus, panelī Dev Tools noklikšķinot uz trīs punktu izvēlnes un atlasot Meklēt. Alternatīvi vienkārši nospiediet Ctrl+Shift+F (Windows, Linux) vai Command+Option+F (macOS).

The Atver failu un Palaist komandu opcijas ir noderīgas arī koda atrašanai vietnē, ciktāl tas ir Stila redaktors pārlūkprogrammā Firefox un Elementi Chrome un Edge izstrādātāju rīku panelī.

Uzlabojiet savas prasmes, izmantojot esošās vietnes kodu

Neatkarīgi no tā, vai izmantojat Chrome, Firefox, Edge vai citas tīmekļa pārlūkprogrammas, kuru pamatā ir Chromium, varat ietaupīt daudz laika un enerģijas, vienkārši kopējot kodu no jau esošām vietnēm.

Tomēr vietnes koda kopēšana ir jāveic tikai, lai mācītos un darbotos bezsaistē. Mēģinot izveidot esošas vietnes kopiju un publicēt to tādu, kāda tā ir, var tikt pārkāptas autortiesības. Varat arī veikt kodēšanu, atrodoties ceļā, izmantojot mobilos kodu redaktorus.