Отклањање грешака може бити заморно и још више фрустрирајуће када не можете лако да лоцирате грешку. Цхроме 106 алатке за развојне програмере (девтоолс) су подешене да поједноставе процес отклањања грешака, чинећи га лакшим и брзим.
Сада можете лако да сортирате датотеке, оптимизујете претрагу, сакријете скрипте трећих страна, приступите детаљним извештајима о учинку и још много тога о чему се говори у овом чланку. Ови алати за развој су неопходни, посебно за програмере који раде са ЈаваСцрипт оквирима као што су Ангулар, Реацт и Вуе.јс, који сада имају интерактивну и поједностављену конзолу за визуелизацију и отклањање грешака њихов код.
Хајде да ближе погледамо неке од ових нових функција:
Да бисте у потпуности искористили нова ажурирања за Цхроме 106, преузмите Цхроме Цанари, Дев, или Бета верзије као подразумевани претраживач за развој. Имаћете приступ најновијим алаткама за програмере који омогућавају тестирање АПИ-ја веб платформе и брзо препознавање проблема или грешака на вашој веб локацији како бисте осигурали да ваши корисници имају најбоље корисничко искуство.
1. Датотеке груписане према ауторима/распоређеним
Сада можете да се крећете директно до компоненти апликације груписањем датотека на аутор/деплоиед на извор панел. Иди на Извор > Мени са 3 тачке > Групирај према Аутору/Распоређеном. Сада, када отворите датотеке, можете да видите само своје распоређене датотеке на панелу.
У претходним верзијама Цхроме-а, све датотеке изворног кода су биле видљиве у навигација панел, што отежава проналажење једне датотеке.
2. Поједностављена претрага датотека
Можете ограничити претрагу на изворној табли само на релевантне датотеке. У претходним верзијама Цхроме-а, датотеке које генерише оквир и друге треће стране би се приказивале у резултатима претраге, што је отежавало идентификацију ставке претраге.
Ово ажурирање је верзија девтоолс-а за оптимизацију ваше претраге на веб претраживачима са Гоогле претрага цхеат схеетс. Да бисте конфигурисали ову поставку, идите на Мени са 3 тачке > Сакриј изворе на листи игнорисања.
Скрипте трећих страна које испуњавају вашу конзолу? Цхроме 106 је додао екстензију листе игнорисања у изворну мапу како би вам омогућио да сакријете скрипте које аутоматски генеришу оквири и друге треће стране.
Да бисте активирали ову функцију, идите на Подешавања > Листа игнорисања > Аутоматски додај познате скрипте треће стране на листу игнорисања. Када поново отворите датотеке, конзола ће приказати само релевантне датотеке повезане са вашом апликацијом. Сада можете да видите свој код без ометања.
4. Детаљни трагови стека
Требаће вам мање времена да идентификујете грешку на конзоли, захваљујући новој функцији у Цхроме-у 106. Цхроме алатке за програмере вам дају детаљан преглед асинхроних операција и њихових основних узрока. У претходним верзијама били су видљиви само догађаји који су довели до операције. Најновији девТоолс показују цео ланац операција и њихове основне узроке.
Гоогле је конфигурисао а цонсоле.цреатеТаск() метода у Цхроме-у 106. Овај метод омогућава оквирима да обављају праћење стека на конзоли. Отклањање грешака у ЈаваСцрипт-у помоћу девтоолс-а је исто тако једноставно као отклањање грешака у ЦСС-у помоћу цхроме-а.
5. Пратите интеракције на панелу перформанси
Пратите нове интеракције у Перформансе панел за идентификацију потенцијалних проблема са одзивом на вашу апликацију. У Цхроме-у 106, све интеракције се приказују у стази Интеракције након операције. Трака приказује извор интеракција и њихове ИД-ове. Праћење помаже да се идентификује извор и пресретне га у складу са тим.
6. ЛЦП Тиминг Инсигхтс у панелу перформанси
Тхе Највећа боја која садржи садржај (ЛЦП) детаљи времена су сада доступни на панел увида у перформансе. ЛЦП је витална метрика веб учинка која извештава о времену приказивања слика или блокова текста за учитавање на веб страници. 2,5 секунди или мање је добар резултат.
Да бисте видели увиде, идите на панел перформанси>3-тачка-мени-више путарине>увид у перформансе. Када поново пустите снимак, Детаљи панел ће показати време учитавања.
Додатна ажурирања у Цхроме-у 106
Остала побољшања Цхроме-а 106 укључују:
- Можете извести своје снимке скрипте без проблема из Рецордер панел. Дугме за извоз је имало проблем у претходним верзијама.
- Сада имате бирач боја у Стилови окно СВГ елементи.
- Можете идентификовати скрипте које искривљују ваш изглед у Перформанце Инсигхтс панел.
- Можете приказати путање за ЛЦП веб фонтове у Перформанце Инсигхтс панел.
Ове функције могу побољшати начин на који користите развојне алате претраживача.
Шта добијате од Цхроме-а 106
Најновија побољшања девтоол-а у Цхроме-у 106 чине процес отклањања грешака бржим. Нова ажурирања олакшавају визуализацију операција кроз поједностављену и динамичку конзолу која омогућава вам да сакријете датотеке, онемогућите скрипте, снимате и имате дубински преглед ваше апликације када отклањање грешака.
Додаци Цхроме 106 ће вам омогућити да управљате својом апликацијом и оптимизујете њене перформансе. Само напред и уживајте у овим погодностима ажурирањем на најновију верзију Цхроме-а 106.
