Како копирати код са веб локација користећи Цхроме, Фирефок и Едге

Креирање веб странице од нуле може вас оставити да се чешете по глави, у зависности од сложености пројекта. Савладавање ове дуготрајне вештине може потрајати месецима или годинама. Као резултат тога, већина професионалних кодера је развила процесе и пречице за усавршавање својих вештина.

Ово укључује вођење згодне листе најпопуларнијих и репетитивних програмских кодова. У овом чланку ћете научити још један трик који вам омогућава да одговорно копирате код веб локације користећи популарне прегледаче као што су Цхроме, Фирефок и Едге. То може бити непроцењив ресурс за учење, нудећи примере завршеног кода.

Како копирати код са веб локација користећи Цхроме

Можете да копирате код са веб локације користећи следеће методе у Цхроме-у.

Преко извора странице

Ово је можда најбољи и најлакши начин да приступите целој бази кодова веб локације или веб странице, без обзира на претраживач. Да бисте видели извор странице у Цхроме-у, идите на циљну веб локацију и кликните десним тастером миша на било који део странице осим веза, слика или огласа.

Кликните Прикажи извор странице или једноставно притисните Цтрл + У (Виндовс, Линук) или Цомманд + У (мацОС). Копирајте део кода који желите или цео и налепите га у жељени уређивач кода.

Преко Ф12 пречице

Можете лако да приступите Цхроме алаткама за програмере тако што ћете отићи на веб локацију и једноставно притиснути Ф12. Цхроме Девелопер Тоолс садржи код веб локације и служи као алатка за отклањање грешака за програмере.

Изаберите сав код који желите, копирајте га и налепите у уређивач кода по вашем избору.

Други начин да уђете у таблу Цхроме Девелопер Тоолс је преко алатке Инспецт. Да бисте то урадили, посетите циљну веб локацију са које желите да копирате код. Сада притисните Цтрл + Схифт + И (Виндовс, Линук) или Цомманд + Оптион + И (мацОС), ово ће вас одвести право на Дев Тоолс.

Алтернативно, кликните десним тастером миша на било који чисти део странице и изаберите Инспецт из опција менија, одмах испод опције за преглед извора странице.

Преко Цхроме-овог менија Још радњи

Други начин да истражите код веб локације преко Дев Тоолс у Цхроме-у је да кликнете на дугме са три тачке у горњем десном углу циљне веб локације. Из опција менија изаберите Више алата, онда Алати за програмере.

Копирајте сав код који желите и налепите у било који уређивач кода по вашем избору. Такође, осим што је алатка за отклањање грешака, такође можете користите Цхроме Дев Тоолс да бисте направили снимке екрана.

Како копирати код са веб локација користећи Фирефок

Ево различитих начина за копирање кода веб локације помоћу Фирефок-а.

Прикажи извор странице

Да бисте приступили и копирали код веб локације у Фирефок-у тако што ћете прегледати извор странице, једноставно кликните десним тастером миша на циљну веб локацију и кликните Прикажи извор странице.

Алтернативно, притисните Цтрл + У (Виндовс, Линук) или Цомманд + У (мацОС). Копирајте сав код који желите и налепите га у уређивач кода по избору.

Исто тако лако можете да видите извор странице у Фирефок-у тако што ћете кликнути на мени хамбургера у три реда и изабрати Више алата, и кликом Извор странице.

Преко Ф12 пречице на тастатури

Баш као и Цхроме, такође можете приступити коду веб локације у Фирефок Дев Тоолс једноставним притиском на тастер Ф12 на тастатури.

Потражите специфичан код који тражите, обраћајући посебну пажњу на уређивач стилова. Сада копирајте и налепите сав тај код у свој омиљени уређивач кодова и радите своју магију.

Опет, као и Цхроме, можете подједнако приступити коду веб локације у Фирефоку помоћу уграђене алатке Инспецт. Да бисте то урадили, кликните десним тастером миша на било који чист део циљне веб локације и притисните било који П или кликните Инспецт. Такође можете притиснути Цтрл + Схифт + И (Виндовс, Линук) или Цомманд + Оптион + И (мацОС).

Као што је објашњено, и даље можете да користите уређивач стилова да бисте се снашли док не пронађете код који тражите. Затим га копирајте и налепите у било који од њих најбољи уређивачи кода које можете пронаћи.

Преко Фирефок менија за додатне радње

Да бисте копирали код веб локације у Фирефок-у преко менија више радњи, са веб локације чији код желите да копирате, кликните на мени за хамбургер у три реда у горњем десном углу.

Изаберите Више алата, затим кликните Алатке за веб програмере. Одавде можете користити Инспецтор или Стиле Едитор да копирате жељени код.

За Инспецтор, користите тастере са стрелицама на тастатури или траку за померање да бисте се кретали по уносима. За уређивач стилова, можете да се фокусирате на одређене ставке помоћу леве навигационе табле. Када пронађете оно што желите, налепите копирани код у свој уређивач кода и прилагодите га свом укусу.

Како копирати код са веб локација користећи Едге

Можете лако да копирате код веб локације на различите начине користећи Едге на следећи начин.

Прикажи извор странице

Да бисте копирали код веб локације тако што ћете прегледати извор странице у Мицрософт Едге-у, једноставно кликните десним тастером миша на било који чист део циљне локације и изаберите Прикажи извор странице.

Алтернативно, можете једноставно притиснути Цтрл + У (Виндовс, Линук) или Цомманд + У (мацОС), копирајте део који желите, налепите га у уређивач и почните да прилагођавате код.

Преко Ф12 пречице на тастатури

Ако користите Едге, можете исто тако копирати код веб локације једноставним притиском на тастер Ф12 када посетите веб локацију са које желите да копирате код.

Потврдите свој избор кликом Отворите ДевТоолс. На панелу Дев Тоолс можете лако копирати сав код који желите и убрзати свој посао.

Да бисте копирали код веб локације помоћу алатке Едге Инспецт, идите на веб локацију чији код желите да копирате, кликните десним тастером миша на било који чисти део и изаберите Инспецт.

Такође можете притиснути Цтрл + Схифт + И (Виндовс, Линук) или Цомманд + Оптион + И (мацОС). Затим можете копирати и налепити код који желите да дуплирате и уредите.

Преко Едге-овог дугмета Више радњи

Едге вам такође омогућава да приступите његовом панелу ДевТоолс преко менија више радњи. Да бисте то урадили, идите на веб локацију чији код желите да копирате. Кликните на дугме са три тачке у горњем десном углу и кликните Више алата, онда Алати за програмере.

Ако вашем претраживачу недостаје било која од ових опција или функција, можда ћете желети да проверите да ли је ажуриран. Ево како да проверите и ажурирате Цхроме, Фирефок и Едге.

Који год приступ да користите и који год претраживач заснован на Цхромиум-у користите (Цхроме, Фирефок или Едге), може да тражи одређене датотеке или елементе кликом на мени са три тачке на панелу Дев Тоолс и бирајући Претрага. Алтернативно, једноставно притисните Цтрл + Схифт + Ф (Виндовс, Линук) или Цомманд + Оптион + Ф (мацОС).

Тхе Отворен филе и Покрени команду опције су такође корисне за проналажење кода на веб локацији, колико и Стиле Едитор у Фирефок-у и Елементи у табли са алаткама Цхроме и Едге за програмере.

Побољшајте своје вештине коришћењем постојећег кода веб локације

Без обзира да ли користите Цхроме, Фирефок, Едге или друге веб прегледаче засноване на Цхромиум-у (по том питању), можете уштедети тону времена и енергије једноставним копирањем кода са већ постојећих веб локација.

Међутим, копирање кода веб локације требало би да се врши само за сопствено учење и брчкање ван мреже. Покушај да се направи реплика постојеће веб локације и објави она каква јесте може довести до кршења ауторских права. Такође можете да носите кодирање у покрету помоћу уређивача кодова за мобилне уређаје.