Иштөөчүнүн консолу

Иштеп чыгуучу консолу

Код мүчүлүштүктөр үчүн алсыз. Ал эми сиз коддон ката кетиришиңиз ыктымал... Бирок, чынчылдык менен айталы: коддон сөзсүз ката кетиресиз. Анткени, сен робот эмес, адамсың.

Бирок демейки боюнча, каталар браузерде көрүнбөйт. Башкача айтканда, бир нерсе туура эмес болуп калса, так эмне бузулганын көрбөй калабыз, оңдой албайбыз.

Мындай көйгөйлөрдү чечүү үчүн браузерге "Өнүктүрүү куралдары" (кыскача иштеп чыгуучу куралдары же devtools) орнотулган.

Chrome жана Firefox программисттердин басымдуу көпчүлүгүнүн сүйүүсүн эң сонун иштеп чыгуучу куралдарынын аркасында жеңип алышты. Калган браузерлер окшош шаймандар менен жабдылганына карабастан, сапаты боюнча да, касиеттери жана мүмкүнчүлүктөрү боюнча дагы эле жетет. Жалпысынан алганда, дээрлик бардык программисттердин өзүнүн "сүйүктүү" браузери бар. Башкалары атайын "браузерге көз каранды" каталарды кармоо жана оңдоо үчүн гана колдонулат.

Бул күчтүү куралдар менен баштоо үчүн, келгиле, аларды кантип ачууну, каталарды текшерүүнү жана JavaScript буйруктарын иштетүүнү билели.

Google Chrome

bug.html барагын ачыңыз.

Анын JavaScript кодунда ката бар болчу. Бул карапайым конокторго көрүнбөйт, андыктан аны иштеп чыгуу куралдары аркылуу табалы.

F12 же Mac'те болсоңуз, Cmd+Opt+J баскычтарын басыңыз.

Демейки боюнча, Иштеп чыгуучу куралдары Console өтмөгүн ачат.

Бул мындай көрүнөт:

 

Иштеп чыгуу куралдарынын так көрүнүшү сиз колдонуп жаткан Chrome версиясынан көз каранды.Мезгил-мезгили менен кээ бир майда-чүйдөсүнө чейин өзгөрүп турат, бирок, жалпысынан, көрүнүшү мурунку версияларга окшош бойдон калууда.

Консолдо биз кызыл менен берилген ката кабарын көрө алабыз. Биздин учурда, сценарийде белгисиз "lalala" буйругу бар.

Оң жакта bug.html:12 баштапкы кодуна шилтеме бар, анда бул ката болгон коддун сап номери.

Ката кабарынын астында көк > белгиси бар. Бул JavaScript буйруктарын түзөтүп жана иштете турган буйрук сабын билдирет. Аларды иштетүү үчүн Enter басыңыз.

Көп сап киргизүү

Адатта, сиз Enter баскычын басканда, киргизилген код сабы дароо аткарылат.

Сапты бузуу үчүн Shift+Enter басыңыз. Ошентип, сиз узунураак JS кодун киргизсеңиз болот.

Азыр биз каталарды айкын көрүп жатабыз, башталышы үчүн бул жетиштүү. Иштеп чыгуучунун куралдарына кийинчерээк кайрылып, Браузер бөлүмүндөгү Мүчүлүштүктөрдү оңдоо кодун жакшыраак карап чыгабыз.

Firefox, Edge жана башкалар

Көпчүлүк браузерлерде иштеп чыгуучу куралдар F12 баскычын басканда ачылат.

Алардын көрүнүшү жана иштөө принциптери анча деле айырмаланбайт. Бир браузердеги куралдарды түшүнгөндөн кийин, алар менен башка браузерде оңой иштей аласыз.

Safari

 

Safari (Mac үчүн браузер, Windows/Linux системаларында колдоого алынбайт) бир аз башкачараак. Баштоо үчүн, биз "Иштеп чыгуучу менюсун" иштетишибиз керек.

Тандоолорду ачып, Өркүндөтүлгөн панелге өтүңүз. Эң төмөн жагында сиз белги кутучасын табасыз: