Како да користите Цхроме ДевТоолс за решавање проблема са веб локацијама

Како да користите Цхроме ДевТоолс за решавање проблема са веб локацијама

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





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





Како функционишу Цхроме алатке за програмере

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





Са ДевТоолс-ом можете вршити измене у реалном времену на коду веб локације, попут ЈаваСцрипт-а, ХТМЛ-а и ЦСС-а, и добити тренутне резултате ваших промена.

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



Како приступити Цхроме ДевТоолс -у

Цхроме ДевТоолс можете приступити на неколико начина. Да бисте отворили алатке за програмере помоћу методе пречица на Мац ОС -у, притисните Цмд + Опт + И . Ако користите Виндовс ОС, притисните Цтрл + Схифт + И тастери на тастатури.

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





Коришћење Цхроме алатки за програмере за дијагностику веб локација

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

Погледајте како ваша веб локација изгледа на паметном телефону

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





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

Да бисте приступили тој опцији, укључите Прегледајте моде. Затим кликните на Респонсиве падајућег менија у горњем левом углу ДевТоолс-а и изаберите жељени мобилни уређај. Затим се веб страница приказује и прилагођава величини мобилног уређаја који сте одабрали.

како поништити у Гоогле календару

Приступите изворним датотекама веб странице

Преко Цхроме ДевТоолс -а можете приступити датотекама које чине веб страницу. Да бисте приступили овим датотекама, кликните на Извори опцију у горњем делу менија ДевТоолс. Ово открива систем датотека веб локације и такође вам омогућава уређивање.

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

Међутим, ако не можете пронаћи Претрага опција, боља алтернатива је коришћење пречица на тастатури. На Мац ОС -у притисните Цмд + Опт + Ф. тастери за тражење изворне датотеке. Ако користите Виндовс ОС, притисните Цтрл + Схифт + Ф. кључ за приступ траци за претраживање изворних датотека.

Извршите уређивање веб странице уживо

Једна од главних сврха коришћења ДевТоолс -а је спровођење тренутно лажно уређивање елемената на веб страници . Када пређете на алате за програмере, можете уредити ХТМЛ садржај веб локације кликом на Елементи опција. Затим кликните десним тастером миша на било коју тачку на коју желите да примените промене у уређивачу кода и изаберите Измени као ХТМЛ .

Да бисте уредили ЦСС својства која нису уметнута, изаберите Извори . Затим изаберите ЦСС датотеку коју желите да уредите. Поставите курсор на линију по избору унутар конзоле кода да бисте извршили уживо уређивање. Ово вам даје тренутне повратне информације о свим променама стила које примените на веб страницу.

Имајте на уму да када уређујете страницу путем ДевТоолс -а, поновно учитавање странице у прегледачу враћа је у првобитни облик, а уређивање је видљиво само вама. Уређивање путем ДевТоолс -а нити утиче на несметан рад нити на употребу те веб локације за друге кориснике.

Отклоните грешке у ЈаваСцрипт коду помоћу ДевТоолс конзоле

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

Добра је пракса да ДевТоолс увек буде отворен док дизајнирате веб локацију са ЈаваСцрипт -ом. На пример, покретање цонсоле.лог () наредба ЈаваСцрипт -а на скупу упутстава приказује резултат тог дневника у конзоли ДевТоолс ако се програм успешно покрене.

Конзола подразумевано пријављује све проблеме са ЈаваСцрипт -ом на вашој веб локацији. Конзолу можете пронаћи у доњем делу ДевТоолс -а или јој приступити кликом на Цонсоле опцију при врху прозора Цхроме ДевТоолс.

Пратите учитавање ресурса из базе података

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

Иако ово није увек најбољи начин за отклањање грешака у позадинским проблемима, ипак вам говори који ресурси враћају 404 грешка након покретања упита за базу података тих елемената.

Повезано: Уобичајене грешке на веб локацији и шта оне значе

Промените оријентацију Цхроме алатки за програмере

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

Инсталирајте Цхроме ДевТоолс Ектенсионс

Такође можете инсталирати језичке или програмске екстензије које функционишу са Цхроме ДевТоолс-ом. Инсталирање ових проширења омогућава вам ефикасније отклањање грешака на веб страници.

Можете да приступите листи доступних додатака за Цхроме ДевТоолс у Цхроме -у Истакнута проширења за ДевТоолс галерија.

Проверите безбедносне проблеме на веб локацији

Цхроме ДевТоолс вам омогућава да процените колико је ваша веб локација сигурна, на основу параметара попут доступности веб безбедносни сертификати и колико је веза сигурна, између осталог. Да бисте проверили да ли је ваша веб локација сигурна, кликните на Сигурност опцију на врху ДевТоолс -а.

Тхе Сигурност картица вам даје преглед безбедносних детаља ваше веб локације и говори вам о потенцијалним претњама.

Ревидирајте своју веб локацију

Цхроме ДевТоолс има функцију која вам омогућава да проверите укупне перформансе ваше веб локације на основу одређених параметара.

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

Затим кликните на Генерисање извештаја да бисте покренули анализу своје веб странице на основу претходно изабраних параметара.

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

Искористите предности Цхроме ДевТоолс -а

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

како снимити телефонски разговор на ипхоне

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

Објави Објави Твеет Емаил Како се користи Цхроме ОС на Распберри Пи

Не можете да приуштите Цхромебоок? Тражите алтернативу Распбиан -у? Ево како да инсталирате верзију Цхроме ОС -а на свој Распберри Пи.

Прочитајте следеће
Повезане теме
  • Интернет
  • Програмирање
  • ХТМЛ
  • Веб Девелопмент
  • ЈаваСцрипт
  • Гоогле Цхроме
О аутору Идисоу Омисола(94 објављена чланка)

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

Више од Идову Омисола

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили