ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript

ΠžΡ‚Π»Π°Π΄ΠΊΠ° Javascript

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. image loader. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

(ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Казалось Π±Ρ‹ β€” Π΄Π° Ρ‡Ρ‚ΠΎ Ρ‚ΡƒΡ‚ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ? Всё ΠΆΠ΅ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ. Но вопрос этот ΠΌΠ½Π΅ Π·Π°Π΄Π°ΡŽΡ‚ с Π·Π°Π²ΠΈΠ΄Π½ΠΎΠΉ частотой. Π”Π° ΠΈ ΠΌΠ½Π΅ Π΅ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ.

ΠŸΡ€ΠΈΠ²Π΅Π΄Ρƒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈ расскаТу, ΠΊΠ°ΠΊ я ΠΈΡ… Ρ€Π΅ΡˆΠ°ΡŽ.

Π’ΠΈΠ΄ΠΈΠΌ Ρ†Π΅Π»ΡŒ, Π½Π΅ Π²ΠΈΠ΄ΠΈΠΌ прСпятствий

JavaScript Π²Ρ‹Π²Π°Π»ΠΈΠ» ΠΎΡˆΠΈΠ±ΠΊΡƒ? Π—Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ! НСт, это ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΏΠ»ΠΎΡ…ΠΎ, Π½ΠΎ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ Ссли Π±Ρ‹ ΠΎΠ½ ΠΏΡ€ΠΎΠΌΠΎΠ»Ρ‡Π°Π» (Π΄Π°, Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΈ Ρ‚Π°ΠΊΠΎΠ΅!) Π² случаС ошибки.

Наша Ρ†Π΅Π»ΡŒ β€” ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΆΠ΅, Ρ‡Ρ‘Ρ€Ρ‚ ΠΏΠΎΠ±Π΅Ρ€ΠΈ, ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ? Но сначала β€” рСкламная ΠΏΠ°ΡƒΠ·Π° лиричСскоС отступлСниС: срСдства JavaScript Debug’Π° Π² основных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

Debuggers

Как Β«Ρ‚ΠΎΡ€ΠΌΠΎΠ·Π½ΡƒΡ‚ΡŒΒ» ΠΏΠΎΡ‚ΠΎΠΊ

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. image loader. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

А Π²ΠΎΡ‚ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ с условной остановкой:

МнС Ρ‚Π°ΠΊ нравится Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС, Ρ‡Π΅ΠΌ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ «бряку»: Ρ‚Π°ΠΊ я ΠΏΠΈΡˆΡƒ ΠΊΠΎΠ΄ ΠΈ Π΄Π΅Π±Π°ΠΆΡƒ Π΅Π³ΠΎ ΠΏΠΎ сути Π² ΠΎΠ΄Π½ΠΎΠΌ мСстС, Π° Π½Π΅ Π² Π΄Π²ΡƒΡ….

Debug Ρ‡Π΅Ρ€Π΅Π· alert()

Π­Ρ‚ΠΎ Π½Π°ΠΈΠΌΠ΅Π½Π΅Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ debug, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ останавливаСт ΠΏΠΎΡ‚ΠΎΠΊ JavaScript. Π”Π° ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ. Π—Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π²ΠΎΠΎΠ±Ρ‰Π΅ сущСствуСт.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ breakpoint’ΠΎΠ²

РассмотрСнныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ всС, ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½, тормозят ΠΏΠΎΡ‚ΠΎΠΊ JavaScript. Π­Ρ‚ΠΎ ΠΏΠ»ΠΎΡ…ΠΎ!

ΠŸΠΎΡ‡Π΅ΠΌΡƒ? Если Π² ΠΌΠΎΠΌΠ΅Π½Ρ‚ остановки скрипта Ρƒ вас Π±Ρ‹Π» Π·Π°ΠΏΡƒΡ‰Π΅Π½ AJAX-запрос ΠΈΠ»ΠΈ Timeout, ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ Π½Π΅ успСл вСрнутся β€” ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΆΠ΅ Π½Π΅ вСрнутся Π½ΠΈΠΊΠΎΠ³Π΄Π°. Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, Π² соврСмСнных web-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… этого Π΄ΠΎΠ±Ρ€Π° Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² ΠΌΠΎΠΌΠ΅Π½Ρ‚ «экстрСнной остановки» скрипта ΠΌΡ‹ ΡƒΠΆΠ΅ Π½Π΅ смоТСм Π°Π΄Π΅ΠΊΠ²Π°Ρ‚Π½ΠΎ debug’Π°Ρ‚ΡŒ дальшС β€” Ρ‡Π°ΡΡ‚ΡŒ Π»ΠΎΠ³ΠΈΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π±Π΅Π·Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π½ΠΎ утСряна.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ я ΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ debug с остановкой.

Β«Debugging JavaScript with breakpoints is bad, mmkay?Β» Β© Mr. Mackey, South Park

Однако: breakpoint Π΅ΡΡ‚ΡŒ breakpoint, ΠΈ Ссли Π²Ρ‹ исслСдуСтС Π½Ρƒ ΠΎΡ‡Π΅Π½ΡŒ Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΉ Π±Π°Π³ β€” Ρ‚ΡƒΡ‚ Π±Π΅Π· остановки Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ (Π½Π°Π΄ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ watch Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌ ΠΈ Ρ‚.Π΄.)

Β«ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉΒ» debug

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β„–1

JavaScript ΠΏΠΎΠΊΠ°Π·Π°Π» ΠΎΡˆΠΈΠ±ΠΊΡƒ. Надо ΠΏΠΎΠ½ΡΡ‚ΡŒ β€” Ρ‡Ρ‚ΠΎ ΠΊ Ρ‡Π΅ΠΌΡƒ.
Π’ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π² debugger’Π΅ Ρ€Π΅ΠΆΠΈΠΌ Β«Break On ErrorΒ»:

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. image loader. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-image loader. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° image loader. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Воспроизводим ΠΎΡˆΠΈΠ±ΠΊΡƒ снова. JavaScript останавливаСтся. Π’ΠΈΠ΄ΠΈΠΌ мСсто ошибки, Π΄Π΅Π»Π°Π΅ΠΌ watch ΠΈ Ρ‚ΠΎΡ‡Π½ΠΎ опрСдСляСм, Π² Ρ‡Ρ‘ΠΌ ΠΆΠ΅ Π΄Π΅Π»ΠΎ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β„–2

CASE:
JavaScript Π½Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π» ΠΎΡˆΠΈΠ±ΠΊΡƒ. Но Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π΅ΡΡ‚ΡŒ (ΠΊΠ°ΠΊ суслик). Π”Π°, Ρ‚Π°ΠΊΠΎΠ΅ ΠΈΠ½ΠΎΠ³Π΄Π° Π±Ρ‹Π²Π°Π΅Ρ‚.

CASE:
Надо просто ΠΏΡ€ΠΎΠ΄Π΅Π±Π°ΠΆΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΈΠΉ ΠΊΠΎΠ΄. Π‘ΠΊΠ°ΠΆΠ΅ΠΌ, ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ послС AJAX-Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ….

Π’ΡƒΡ‚ слоТнСй β€” Π½Π°Π΄ΠΎ Π½Π°ΠΉΡ‚ΠΈ, с Ρ‡Π΅Π³ΠΎ Π½Π°Ρ‡Π°Ρ‚ΡŒ.

НСмного искусства

// условная остановка
if (allowBreakpoints == true )
debugger;

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ способ Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π‘Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π΄Π°Ρ‘Ρ‚ ΠΏΡ€ΠΎΠΌΠ°ΡˆΠΊΠΈ. Но это Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ способ, ΠΌΠ½Π΅ ΠΎΠ½ сильно ΠΏΠΎΠΌΠ°Π³Π°Π΅Ρ‚ Π² Ρ€Π°Π±ΠΎΡ‚Π΅.

Π’Π°ΠΊ, Π·Π½Π°Ρ‡ΠΈΡ‚ мСсто Π² ΠΊΠΎΠ΄Π΅ нашли, бряку поставили. Если Π½Π΅ хочСтся (ΠΈΠ»ΠΈ просто нСльзя) ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ исходный ΠΊΠΎΠ΄ β€” ΠΌΠΎΠΆΠ½ΠΎ вмСсто ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова debugger ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ brakepoint Π² срСдствС ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β„–3

Π’ΠΎΡ‚ ΠΆΠ΅ случай: Π½Π°Π΄ΠΎ ΠΏΡ€ΠΎΠ΄Π΅Π±Π°ΠΆΠΈΡ‚ΡŒ Π½Π΅ΠΊΠΈΠΉ ΠΊΠΎΠ΄. Π‘ΠΊΠ°ΠΆΠ΅ΠΌ, ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит ΠΏΠΎ Π½Π°ΠΆΠ°Ρ‚ΠΈΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ послС AJAX-Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ…. Но Π² этот Ρ€Π°Π· ΠΌΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚ΠΎΠΊ JavaScript ΠΏΠΎ описанным ΠΌΠ½ΠΎΠΉ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ.

CASE UNO

variable_to_watch β€” ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ измСнился с ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° Π²Ρ‹Π²ΠΎΠ΄Π° Π² консоль. А хочСтся ΡƒΠ²ΠΈΠ΄ΠΈΡ‚ΡŒ Π΅Π³ΠΎ состояниС ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π²Ρ‹Π·ΠΎΠ²Π°.

CASE DUO

НСт консоли? ПишСм Π² адрСсной строкС: javascript:alert(temp_var.objMethod()); void 0;

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ β„–4

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΈΠΌΠ΅Ρ€. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ странный. Π₯очСтся ΠΏΡ€ΠΎΠ΄Π΅Π±Π°ΠΆΠΈΡ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄ 3d-party-framework’Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ExtJS), Π½ΠΎ Π²ΠΎΡ‚ Π±Π΅Π΄Π° β€” нСльзя Ρ‚ΠΎΡ€ΠΌΠΎΠ·ΠΈΡ‚ΡŒ JavaScript ΠΈ Π½Π΅Ρ‚ доступа ΠΊ исходному ΠΊΠΎΠ΄Ρƒ (ΠΏΡ€Π°Π²Π΄Π° странный ΠΏΡ€ΠΈΠΌΠ΅Ρ€? πŸ™‚

Π§Ρ‚ΠΎ ΠΆΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ? Π― дСлаю Ρ‚Π°ΠΊ:

Π‘ΠΎΠ·Π΄Π°Ρ‘ΠΌ Ρ„Π°ΠΉΠ» с ΠΏΠ°Ρ‚Ρ‡Π΅ΠΌ: my-ext-patch.js, ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Π΅Π³ΠΎ послС ext-all.js
Π’Π½ΡƒΡ‚Ρ€ΠΈ пишСм Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²Ρ€ΠΎΠ΄Π΅:

Ext.form.Form.render = function (container) < // Wrap'ΠΈΠΌ ΠΌΠ΅Ρ‚ΠΎΠ΄
// А Π²ΠΎΡ‚ ΠΈ Π΄Π΅Π±Π°Π³
console.log(container);

// Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹:
// console.dir(container);
// console.log(window.t = container);
// debugger;

Π˜Π·Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅? Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. Но ΠΌΠ½Π΅ нравится >:)

Π­ΠΏΠΈΠ»ΠΎΠ³

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠžΡ‚Π»Π°Π΄ΠΊΠ° ΠΊΠΎΠ΄Π° Javascript

Ошибки ΠΌΠΎΠ³ΡƒΡ‚ (Π±ΡƒΠ΄ΡƒΡ‚) Π²ΠΎΠ·Π½ΠΈΠΊΠ°Ρ‚ΡŒ, всякий Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠΈΡˆΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄.

ΠžΡ‚Π»Π°Π΄ΠΊΠ° ΠΊΠΎΠ΄Π°

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ синтаксичСскиС ΠΈΠ»ΠΈ логичСскиС ошибки.

МногиС ошибки Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π΄ΠΈΠ°Π³Π½ΠΎΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Часто Π±Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Π² ΠΊΠΎΠ΄Π΅ Π΅ΡΡ‚ΡŒ ошибки, Π½ΠΎ Π½Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… проявлСний. НСт Π½ΠΈΠΊΠ°ΠΊΠΈΡ… сообщСний ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…, ΠΈ Π½Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΡƒΠΊΠ°Π·Π°Π½ΠΈΠΉ Π½Π° Ρ‚ΠΎ, Π³Π΄Π΅ эти ошибки ΠΈΡΠΊΠ°Ρ‚ΡŒ.

ΠŸΡ€ΠΎΡ†Π΅ΡΡ поиска (ΠΈ исправлСния) ошибок Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ называСтся ΠΎΡ‚Π»Π°Π΄ΠΊΠΎΠΉ ΠΊΠΎΠ΄Π°.

ΠžΡ‚Π»Π°Π΄ΠΊΠ° β€” нСпростой процСсс. К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Ρƒ всСх соврСмСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π΅ΡΡ‚ΡŒ встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ JavaScript скриптов.

ВстроСнныС ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, отслСТивая Ρ…ΠΎΠ΄ выполнСния ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ сообщая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ….

ΠŸΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ остановки (участки ΠΊΠΎΠ΄Π°, Π³Π΄Π΅ процСсс выполнСния Π±ΡƒΠ΄Π΅Ρ‚ остановлСн) ΠΈ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈ Π΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² Ρ…ΠΎΠ΄Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ скрипта.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ, достаточно Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ встроСнный ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ Π½Π°ΠΆΠ°Π² ΠΊΠ»Π°Π²ΠΈΡˆΡƒ F12 ΠΈ Π² мСню ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ «ΠšΠΎΠ½ΡΠΎΠ»ΡŒ» («Console»). НиТС Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ способы Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

ΠœΠ΅Ρ‚ΠΎΠ΄ console.log()

Если ваш Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ ΠΊΠΎΠ΄Π°, Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ console.log(), Ρ‡Ρ‚ΠΎΠ±Ρ‹ вывСсти отслСТиваСмыС значСния Π² ΠΎΠΊΠ½Π΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°:

Установка Ρ‚ΠΎΡ‡Π΅ΠΊ остановки

Π’ ΠΎΠΊΠ½Π΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ остановки Π² ΠΊΠΎΠ΄Π΅ JavaScript.

Π’ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠ΅ остановки JavaScript Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта, прСдоставляя Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ значСния JavaScript.

Когда ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΠΎΠ½Ρ‡Π΅Π½Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ).

ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово debugger

ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово debugger останавливаСт Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта JavaScript ΠΈ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ (Ссли Π΅ΡΡ‚ΡŒ) Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ.

Π£ этого ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова Ρ‚ΠΎ ΠΆΠ΅ дСйствиС, Ρ‡Ρ‚ΠΎ ΠΈ Ρƒ Ρ‚ΠΎΡ‡Π΅ΠΊ остановки Π² ΠΎΠΊΠ½Π΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°.

Если ΠΎΡ‚Π»Π°Π΄ΠΊΠ° Π½Π΅ доступна, Ρ‚ΠΎ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ debugger Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚.

Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, Ссли ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½, Ρ‚ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ остановлСно ΠΏΠ΅Ρ€Π΅Π΄ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΉ строки:

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ основных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ²

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ, достаточно Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ F12 ΠΈ Π² мСню ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ «ΠšΠΎΠ½ΡΠΎΠ»ΡŒ» («Console»).

Π˜Π½Π°Ρ‡Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ, ΠΏΡ€ΠΎΠ΄Π΅Π»Π°ΠΉΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠžΡ‚Π»Π°Π΄ΠΊΠ° JavaScript для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

Π’ послСдниС нСсколько Π»Π΅Ρ‚ благодаря появлСнию Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ jQuery ΠΈ Prototype, JavaScript Π·Π°Π²ΠΎΠ΅Π²Π°Π» Π»ΠΈΠ΄ΠΈΡ€ΡƒΡŽΡ‰Π΅Π΅ мСсто срСди языков для создания скриптов для Π²Π΅Π± ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ². Растущая ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ ΠΈ простота использования ΠΏΡ€ΠΈΠ²Π΅Π»Π° ΠΊ появлСнию ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Gmail, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат тысячи строк JavaScript, Π²Ρ‹Π΄Π²ΠΈΠ³Π°ΡŽΡ‰ΠΈΡ… ΠΊ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½Ρ‹Π΅ трСбования ΠΊ ΡƒΡ€ΠΎΠ²Π½ΡŽ владСния инструмСнтариСм.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 1. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 1. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 1. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ увСличСния слоТности ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ являСтся Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π² Π½Π°Π»ΠΈΡ‡ΠΈΠΈ ΠΌΠΎΡ‰Π½Ρ‹Ρ… инструмСнтов для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ быстро ΠΈ эффСктивно Π½Π°ΠΉΡ‚ΠΈ источник ошибки. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π²Ρ‹Π²ΠΎΠ΄ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ alert() потСрял свою Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

Π’ Π΄Π°Π½Π½ΠΎΠΌ ΡƒΡ€ΠΎΠΊΠ΅ проводится ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ возмоТностСй соврСмСнных инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ JavaScript ΠΊΠΎΠ΄Π° Π±ΠΎΠ»Π΅Π΅ простым процСссом. ОсновноС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒΡΡ возмоТностям Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Chrome ΠΈ дополнСния Firebug для FireFox, Π½ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ описанных Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ доступны ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… инструмСнтах, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Dragonfly для Opera.

Консоль автоматичСски Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ошибки Π² ΠΊΠΎΠ΄Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π² Ρ…ΠΎΠ΄Π΅ выполнСния скрипта. Π€Π°ΠΉΠ» ΠΈ строка ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ рядом с ошибкой, Π° Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши ΠΌΡ‹ΡˆΠΈ Π½Π° ошибкС ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ фокус Π²Π²ΠΎΠ΄Π° Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ Π΅ΠΉ мСсто.

Π”Π°Π½Π½Ρ‹Π΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΠΌ Π² консоль

Консоль ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ошибки Π² ΠΊΠΎΠ΄Π΅ скрипта. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Console API ΠΈ Command Line API ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π²Ρ‹Π²ΠΎΠ΄ΠΎΠΌ Π΄Π°Π½Π½Ρ‹Ρ… Π² консоль. Бамая извСстная ΠΈ полСзная ΠΊΠΎΠΌΠ°Π½Π΄Π° .log().

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΊΠΎΠ΄Π° Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π·Π½Π°Ρ‚ΡŒ значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠΎΠ΄Π°. ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ являСтся использованиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ alert() для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ контроля. Однако, использованиС Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Π±Π»ΠΎΠΊΠΈΡ€ΡƒΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ части ΠΊΠΎΠ΄Π° Π΄ΠΎ наТатия ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΎΠΊΠ½Π΅ Π΄ΠΈΠ°Π»ΠΎΠ³Π°.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ являСтся использованиС ΠΌΠ΅Ρ‚ΠΎΠ΄Π° console.log, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… Π½Π° панСль консоли:

ΠœΠ΅Ρ‚ΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π²Ρ‹Π²ΠΎΠ΄Π° вычислСнных Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ:

ΠŸΡ€Π΅ΠΈΠΌΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠΌ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ использования Π΄ΠΈΠ°Π»ΠΎΠ³Π° alert() являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π½Π΅ прСрываСтся, ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ нСсколько Ρ€Π°Π· Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… для наблюдСния Π·Π° измСнСниями Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π’Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ сообщСний

Π’ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Ρ†ΠΈΠΊΠ» Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… Π² консоль. Однако, часто Π±Ρ‹Π²Π°Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эффСктивно Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ Π² ΠΊΠΎΠ΄Π΅ мСста, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠ³ΠΎ внимания. Для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ‚Π°ΠΊΠΈΡ… Π·Π°Π΄Π°Ρ‡ Console API ΠΈΠΌΠ΅Π΅Ρ‚ нСсколько ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ².

console.info(): Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΠΊΠΎΠ½ΠΊΡƒ «ΠΈΠ½Ρ„ормация» ΠΈ выдСляСт Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π”Π°Π½Π½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для прСдупрСТдСния ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… событиях.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 2. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 2. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 2. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

console.warn(): Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΠΊΠΎΠ½ΠΊΡƒ «ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅» ΠΈ выдСляСт Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π£Π΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π·Π° Ρ€Π°ΠΌΠΊΠΈ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 3. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 3. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 3. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

console.error(): Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΠΊΠΎΠ½ΠΊΡƒ «ΠΎΡˆΠΈΠ±ΠΊΠ°» ΠΈ выдСляСт Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π£Π΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для прСдставлСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ… ΠΈ критичСских условиях.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 4. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 4. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 4. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Chrome Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ срСдств для Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠ³ΠΎ прСдставлСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² консоли.

ИспользованиС Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² для Π²Ρ‹Π²ΠΎΠ΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² консоль позволяСт ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ Π² наглядном Π²ΠΈΠ΄Π΅. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ объСдинСния Π² Π±Π»ΠΎΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΌΠ΅Ρ‚ΠΎΠ΄ console.group():

Π”Π°Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ сгруппируСт ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² консоли. Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π΅ прСдставлСниС Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Π½Π° рисункС Π½ΠΈΠΆΠ΅ прСдставлСн Π²ΠΈΠ΄ Π² Dragonfly для Opera:

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 5. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 5. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 5. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π’Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ нСбольшой список доступных ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΈΠ· Console API. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ описаны Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ страницС Firebug.

ΠŸΡ€Π΅Ρ€Ρ‹Π²Π°Π½ΠΈΠ΅ Ρ…ΠΎΠ΄Π° выполнСния скрипта

Π’Ρ‹Π²ΠΎΠ΄ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² консоль являСтся ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ срСдством, Π½ΠΎ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ ΠΎΡ‡Π΅Π½ΡŒ быстро ΠΈ ΠΏΡ€ΠΈ этом ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ….

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ процСсс ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€Π΅Ρ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ…ΠΎΠ΄ выполнСния ΠΊΠΎΠ΄Π° Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠ΅ с ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ΠΌ доступа ΠΊ Π΄Π°Π½Π½Ρ‹ΠΌ. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ‚ΡΡ Ρ‚ΠΎΡ‡ΠΊΠΈ прСрывания.

Π Π°Π±ΠΎΡ‚Π°Π΅ΠΌ с Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ прСрывания

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 6. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 6. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 6. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Когда Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ прСрвСтся, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ курсор ΠΌΡ‹ΡˆΠΈ Π½Π°Π΄ любой ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΈ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ Π²Ρ‹Π²Π΅Π΄Π΅Ρ‚ подсказку со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π² Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚.

На Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ состояния ΠΊΠΎΠ΄Π°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΡƒ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ….

УсловныС Ρ‚ΠΎΡ‡ΠΊΠΈ прСрывания

Π’ процСссС ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΈΠ½ΠΎΠ³Π΄Π° трСбуСтся ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ соблюдСнии ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… условий. НапримСр, Ссли Π² вашСм скриптС Π΅ΡΡ‚ΡŒ Ρ†ΠΈΠΊΠ», каТдая итСрация ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ΡΡ Π·Π° 50 миллисСкунд, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ процСсс выполнСния послС остановки Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ шагС, ΠΊΠΎΠ³Π΄Π° Π½Π°ΠΌ Π½ΡƒΠΆΠ½Π° лишь 300 итСрация. Для Ρ‚Π°ΠΊΠΈΡ… случаСв Π΅ΡΡ‚ΡŒ условныС прСрывания.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 11. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 11. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 11. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π½Π° рисункС Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅Ρ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€ΠΌΠ΅Π½Π½ΠΎΠΉ total_photos_diff Π½Π΅ станСт большС 200.

Для Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ условного прСрывания Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ»Π°Π²ΠΈΡˆΡƒ ΠΌΡ‹ΡˆΠΈ Π½Π° Ρ‚ΠΎΡ‡ΠΊΠ΅ прСрывания ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡƒΠ½ΠΊΡ‚ ‘Edit Breakpoint’ для Π²Ρ‹Π²ΠΎΠ΄Π° Π΄ΠΈΠ°Π»ΠΎΠ³Π° рСдактирования условий формирования прСрывания.

Установка Ρ‚ΠΎΡ‡ΠΊΠΈ прСрывания Π² ΠΊΠΎΠ΄Π΅

НС всСгда ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ прСрывания с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ интСрфСйса инструмСнта Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Иногда ΠΏΡ€ΠΎΡ‰Π΅ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ ΠΈΠ· ΠΊΠΎΠ΄Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ. Π’ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΏΡ€ΠΈΠ²Π΅Π΄Ρ‘Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅, ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€Π΅Ρ€Π²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΏΡ€ΠΈ соблюдСнии ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… условий:

Π”Ρ€ΡƒΠ³ΠΈΠ΅ способы ΠΏΡ€Π΅Ρ€Π²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°

ΠšΡ€ΠΎΠΌΠ΅ использования Ρ‚ΠΎΡ‡ΠΊΠΈ прСрывания инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° прСдоставляСт Π΄Ρ€ΡƒΠ³ΠΈΠ΅ возмоТности ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² Ρ€Π°Π·Π½Ρ‹Ρ… случаях.

ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ DOM

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ΄Π°, которая управляСт измСнСниями DOM, Ρ‚ΠΎ инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° прСдоставляСт Π² вашС распоряТСниС способ остановки выполнСния ΠΊΠΎΠ΄Π° ΠΏΡ€ΠΈ измСнСниях ΡƒΠ·Π»Π° DOM.

На ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠΎΠ΄Π° HTML ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ Π½Π° Π½ΡƒΠΆΠ½ΠΎΠΌ элСмСнтС ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ условия остановки ΠΊΠΎΠ΄Π° (ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅/ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠ², ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ элСмСнта) ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ DOM. ΠŸΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΊΠΎΠ΄ ΠΈ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ элСмСнтов Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° остановится.

ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° ΠΏΡ€ΠΈ появлСнии всСх ΠΈΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта ΠΏΡ€ΠΈ появлСнии ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ. Π’ Chrome Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠΊΠΎΠ½ΠΊΠΈ ‘ Pause ‘ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ строкС интСрфСйса.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 12. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 12. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 12. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, для ΠΊΠ°ΠΊΠΈΡ… ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒΡΡ остановка выполнСния ΠΊΠΎΠ΄Π°. ΠŸΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π½ΠΈΠΆΠ΅, дСмонстрируСт ΠΎΠ΄Π½ΠΎ Π½Π΅ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΠΎΠ΅ ΠΈ ΠΎΠ΄Π½ΠΎ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌΠΎΠ΅ (Π±Π»ΠΎΠΊ try|catch) ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ:

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² стСк Π²Ρ‹Π·ΠΎΠ²ΠΎΠ²

Если ошибка появится ΠΏΡ€ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ вашСго скрипта, Ρ‚ΠΎ Π²Ρ‹ΡˆΠ΅ описанныС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ для Π°Π½Π°Π»ΠΈΠ·Π° ошибки. Но Π½Π΅ всСгда сразу понятно, Π³Π΄Π΅ скрываСтся ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°.

Когда Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта прСрываСтся, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΡ€Π°Π²ΡƒΡŽ панСль, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ прСдставлСна полСзная информация, срСди ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ содСрТится стСк Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² (Call stack).

Π‘Ρ‚Π΅ΠΊ Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ²Π΅Π» ΠΊ Ρ‚ΠΎΡ‡ΠΊΠ΅ появлСния ошибки ΠΈ остановки выполнСния ΠΊΠΎΠ΄Π°.

На прСдставлСнном Π½ΠΈΠΆΠ΅ рисункС ошибка Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎ сгСнСрирована Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ incrementValues(), Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ остановкС выполнСния ΠΊΠΎΠ΄Π°. инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½Ρ‹ΠΉ стСк Π²Ρ‹Π·ΠΎΠ²ΠΎΠ², Ρ‡Ρ‚ΠΎ позволяСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ опасныС мСста.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. img 13. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-img 13. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° img 13. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π”Π°Π½Π½Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ являСтся ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ для Π±ΠΎΠ»Π΅Π΅ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ изучСния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΠΎ Ρ‚ΠΎΠΌΡƒ инструмСнту, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

Π”Π°Π½Π½Ρ‹ΠΉ ΡƒΡ€ΠΎΠΊ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ для вас ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ сайта ruseller.com
Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ ΡƒΡ€ΠΎΠΊΠ°: www.netmagazine.com/tutorials/javascript-debugging-beginners
ΠŸΠ΅Ρ€Π΅Π²Π΅Π»: Π‘Π΅Ρ€Π³Π΅ΠΉ Ѐастунов
Π£Ρ€ΠΎΠΊ создан: 26 ΠœΠ°Ρ€Ρ‚Π° 2012
ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²: 208151
ΠŸΡ€Π°Π²ΠΈΠ»Π° ΠΏΠ΅Ρ€Π΅ΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠΈ

5 послСдних ΡƒΡ€ΠΎΠΊΠΎΠ² Ρ€ΡƒΠ±Ρ€ΠΈΠΊΠΈ «Π Π°Π·Π½ΠΎΠ΅»

Как Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ хостинг для своСго сайта?

Π’Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ хостинг для своСго сайта достаточно слоТная Π·Π°Π΄Π°Ρ‡Π°. ОсобСнно сСйчас, ΠΊΠΎΠ³Π΄Π° Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ услуг хостинга дСйствуСт нСсколько сотСн ΠΈΠ³Ρ€ΠΎΠΊΠΎΠ² с ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ прСдлоТСниями. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ являСтся Π»ΠΈΠ΄Π΅Ρ€ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π° Π₯остинг Ниндзя β€” ΠœΠ°ΠΊΡ…ΠΎΡΡ‚.

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ Π³ΠΎΡ‚ΠΎΠ², ВсС ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½ΠΎ Π½Π° локальном сСрвСрС OpenServer ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π½ΠΎΡΠΈΡ‚ΡŒ сайт Π½Π° хостинг. Π’ΠΎΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊΡƒΡŽ компанию Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ? ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ хостинг fornex.com. ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ мСсто для Ρ‚Π²ΠΎΠ΅Π³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° с пСрспСктивами Π±ΡƒΡ€Π½ΠΎΠ³ΠΎ роста.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. mini. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-mini. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° mini. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π²Π΅Π±-сайтов с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Wrike

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. thumbnail. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

20 рСсурсов для прототипирования

ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… дСсятков рСсурсов для создания ΠΌΠΎΠΊΠ°ΠΏΠΎΠ² ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ².

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. thumbnail. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-thumbnail. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° thumbnail. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π’ΠΎΠΏ 10 бСсплатных хостингов

НСбольшая ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° ΠΏΡ€ΠΎΠ²Π°ΠΉΠ΄Π΅Ρ€ΠΎΠ² бСсплатного хостинга с ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΌ описаниСм.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΎΡ‚Π»Π°Π΄ΠΊΠ΅ Javascript

Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ: 2020-09-21

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 100. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-100. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 100. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

ΠžΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°: ΠΎΡ‚Π»Π°Π΄ΠΊΠ° нСпроста. Π­Ρ‚ΠΎ ΡƒΠΌΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ²Π»Π°Π΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ всСгда склонны ΠΊ ошибкам ΠΏΡ€ΠΈ написании ΠΊΠΎΠ΄Π°. ΠœΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΡΡ‚Ρ€Π°Π½ΠΈΡ‚ΡŒ ошибки, Π½ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ ΠΈΡ… Ρ€Π°Π·ΡƒΠΌΠ½Ρ‹ΠΌ способом. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ рассмотрим способы ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΊΠΎΠ΄Π° Javascript. Π₯ΠΎΡ€ΠΎΡˆΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ всС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ со встроСнным ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠΎΠΌ JavaScript.

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ

Π›ΡƒΡ‡ΡˆΠ΅ Π½Π΅ Π΄ΠΎΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ наш ΠΊΠΎΠ΄ стал ΠΏΠΎΠ΄Π²Π΅Ρ€ΠΆΠ΅Π½Π½Ρ‹ΠΌ ошибкам. Один ΠΊΠΎΠ΄ / Π»ΠΎΠ³ΠΈΠΊΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ способами. Π—Π΄Π΅ΡΡŒ ΠΈΠ³Ρ€Π°Π΅Ρ‚ Ρ€ΠΎΠ»ΡŒ Ρ‚ΠΎ, насколько Ρ…ΠΎΡ€ΠΎΡˆΠΎ программисты ΠΈ Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΠΏΠΈΡˆΡƒΡ‚ ΠΊΠΎΠ΄. Нам Ρ‚Π°ΠΊΠΆΠ΅ Π½ΡƒΠΆΠ΅Π½ Ρ…ΠΎΡ€ΠΎΡˆΠΎ структурированный ΠΊΠΎΠ΄, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π² ΠΎΡ‚Π»Π°Π΄ΠΊΠ΅ Π² дальнСйшСм.

ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ ΠΊΠΎΠ΄ для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ

Нам ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚Π»Π°Π΄ΠΊΠ° Π² производствС. Но Ссли Ρƒ нас Π΅ΡΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ ΠΊΠΎΠ΄ Π±Π΅Π· отступов, ΠΌΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΊΠΎΠ΄Π° Π² Π±ΠΎΠ»Π΅Π΅ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ΄ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ эффСктивным, ΠΊΠ°ΠΊ наш настоящий ΠΊΠΎΠ΄, Π½ΠΎ, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит. НиТС ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΊΡƒ, Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ Π² Chrome, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄ Π² ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 1. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-1. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 1. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. jscript. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-jscript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° jscript. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ

ΠšΠΎΠ½ΡΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ API консоли для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΊΠΎΠ΄Π° JavaScript. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ API консоли.

console.log(): ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ console.log() для Π²Ρ‹Π²ΠΎΠ΄Π° любой строки Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° Π² ΠΎΠΊΠ½Π΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 2. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-2. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 2. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

console.table(data, obj): эта функция ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΎΠ΄ΠΈΠ½ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ data, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ массивом ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ, ΠΈ ΠΎΠ΄ΠΈΠ½ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ столбСц Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°, массив строки. Она Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π΄Π°Π½Π½Ρ‹Π΅ Π² Π²ΠΈΠ΄Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹.

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ columns, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ подмноТСство столбцов для отобраТСния:

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 3. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-3. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 3. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

console.trace(): ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡƒΡ‚ΡŒ Π²Ρ‹Π·ΠΎΠ²Π° для достиТСния Ρ‚ΠΎΡ‡ΠΊΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Π²Ρ‹Π·Π²Π°Π»ΠΈ console.trace().

console.assert(expression,object): этот ΠΌΠ΅Ρ‚ΠΎΠ΄ записываСт сообщСниС ΠΎΠ± ошибкС Π² консоль, Ссли ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ Π»ΠΎΠΆΠ½ΠΎ. Если ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ Π²Π΅Ρ€Π½ΠΎ, Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ происходит.

ИспользованиС ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°

Debugger β€” Π·Π°Ρ€Π΅Π·Π΅Ρ€Π²ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово Π² EcmaScript, начиная с ES5. Когда ΠΌΡ‹ ΠΏΠΎΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ Π² ΠΊΠΎΠ΄, это останавливаСт Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Javascript. Если Ρƒ нас ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ инструмСнт инспСктора, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, ΠΈ ΠΌΡ‹ смоТСм Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 4. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-4. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 4. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

ΠšΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ

Π•ΡΡ‚ΡŒ нСсколько способов ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΊΠΎΠ΄Π°. Π’ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠ΅ JavaScript останавливаСт Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ позволяСт Π½Π°ΠΌ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ значСния Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ΄Π°.

БСзусловныС ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΠΊΠΎΠ³Π΄Π° Π΄ΠΎΠΉΠ΄Π΅ΠΌ Π΄ΠΎ строки, это бСзусловная ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Π°Ρ Ρ‚ΠΎΡ‡ΠΊΠ°. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π±Π΅Π·ΡƒΡΠ»ΠΎΠ²Π½ΡƒΡŽ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ, ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² Π½ΠΎΠΌΠ΅Ρ€ строки слСва. НомСр строки Π²Ρ‹Π΄Π΅Π»Π΅Π½ красной Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 5. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-5. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 5. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π’ΠΎΡ‚ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΡ‹ установили Π±Π΅Π·ΡƒΡΠ»ΠΎΠ²Π½ΡƒΡŽ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ Π½Π° строку Π½ΠΎΠΌΠ΅Ρ€ 5. И ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ процСсс ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ с этой Ρ‚ΠΎΡ‡ΠΊΠΈ.

ИспользованиС списка ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ

Когда ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ, список ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ справа ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ имя Ρ„Π°ΠΉΠ»Π° ΠΈ Π½ΠΎΠΌΠ΅Ρ€ строки ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ Π½ΠΈΠΆΠ΅ с красной Ρ€Π°ΠΌΠΊΠΎΠΉ:

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. jscript. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-jscript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° jscript. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

JavaScript. Быстрый старт

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ основы JavaScript Π½Π° практичСском ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎ созданию Π²Π΅Π±-прилоТСния

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 6. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-6. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 6. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ рСгистрации

Π‘Ρ‹Π²Π°ΡŽΡ‚ случаи, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. Для этого ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ рСгистрации.

Π’ΠΎΡ‡ΠΊΠΈ рСгистрации ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π½Π°ΠΌ, выводя сообщСниС Π² консоль Π±Π΅Π· приостановки выполнСния ΠΊΠΎΠ΄Π°. Когда ΠΌΡ‹ устанавливаСм Ρ‚ΠΎΡ‡ΠΊΡƒ рСгистрации, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ красный ΠΏΡƒΠ·Ρ‹Ρ€Π΅ΠΊ с малСнькой вставкой.

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° Ρ‚ΠΎΡ‡ΠΊΡƒ рСгистрации Π² ΠΏΡ€Π°Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ. ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° Ρ‚ΠΎΡ‡ΠΊΡƒ рСгистрации ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Π½Π°ΠΌΠΈ сообщСниС Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ΠΎ прямо Π² консоли.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 7. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-7. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 7. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

На Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ:

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 8. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-8. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 8. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

БнятиС ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 9. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-9. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 9. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ±Ρ€ΠΎΡΠΈΡ‚ΡŒ ΠΈΡ…, Ссли ΠΎΠ½ΠΈ Ρƒ нас ΡƒΠΆΠ΅ установлСны. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ просто ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π½ΠΎΠΌΠ΅Ρ€Ρƒ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ удалСния ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 10. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-10. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 10. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π­Ρ‚ΠΎ общая экономия Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ значСниям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π΄ΠΎ этой Ρ‚ΠΎΡ‡ΠΊΠΈ выполнСния. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ Π²Ρ‹ΡˆΠ΅.

ИспользованиС отслСТивания

ΠžΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° наблюдСниС Π·Π° Π»ΡŽΠ±Ρ‹ΠΌ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Π² ΠΊΠΎΠ΄Π΅. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ отслСТиваниС выраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов инспСктора, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ³Π»ΡƒΠ±ΠΈΡ‚ΡŒΡΡ Π² поиск ошибок. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ для отслСТивания, ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² ΠΏΠ°Π½Π΅Π»ΠΈ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ² имя ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 11. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-11. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 11. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΌΡ‹ отслСТиваСм Π΄Π²Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅: ΠΎΠ΄Π½Π° β€” minute, Π° другая β€” second. ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ любоС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ отслСТиваниС.

ИспользованиС стСка Π²Ρ‹Π·ΠΎΠ²ΠΎΠ²

Он ΠΈΠ΄Π΅Ρ‚ снизу Π²Π²Π΅Ρ€Ρ…. Если Π±Ρ‹ ΠΌΡ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ стСк Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ с ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ, ΠΎΠ½ Π΄Π°Π» Π±Ρ‹ Π½Π°ΠΌ Π²Ρ‹Π·ΠΎΠ²Ρ‹ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΠ΄ΠΈΠ½ Π·Π° Π΄Ρ€ΡƒΠ³ΠΈΠΌ. Ѐункция, выполняСмая Π²Π½Π°Ρ‡Π°Π»Π΅, останСтся Π²Π½ΠΈΠ·Ρƒ, Π° прСдыдущая β€” Π²Π²Π΅Ρ€Ρ…Ρƒ.

ВзглянСм, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° ΠΊΠΎΠ΄. Π—Π΄Π΅ΡΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ основных Π²Ρ‹Π·ΠΎΠ²Π°, располоТСнных ΠΎΠ΄ΠΈΠ½ Π·Π° Π΄Ρ€ΡƒΠ³ΠΈΠΌ. Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ Π²Π½ΠΈΠ·Ρƒ, выполняСтся ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 12. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-12. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 12. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ

Rookout

Rookout β€” это ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ, которая позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΈ условия для Ρ‚ΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΈ ΠΊΠ°ΠΊ срабатываСт ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Π°Ρ Ρ‚ΠΎΡ‡ΠΊΠ°. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ это Π² дСйствии, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… срСду пСсочницы.

Π­Ρ‚ΠΎΡ‚ инструмСнт ΡƒΠ΄Π°Π»Π΅Π½Π½ΠΎΠΉ ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Ρ‡Π΅Ρ‚ΠΊΠΎΠ΅ прСдставлСниС ΠΎ нашСм ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π±Π΅Π· нСобходимости пСрСзапуска, ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ развСртывания ΠΈΠ»ΠΈ написания ΠΊΠΎΠ΄Π°. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π½Π° любом этапС, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ, Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ, Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ ΠΈΠ»ΠΈ производствСнный, ΠΌΠΎΠ½ΠΎΠ»ΠΈΡ‚Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ микросСрвисный, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π±Π΅ΡΡΠ΅Ρ€Π²Π΅Ρ€Π½ΡƒΡŽ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρƒ.

ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. 13. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript Ρ„ΠΎΡ‚ΠΎ. ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript-13. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΊΠ°ΠΊ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ javascript. ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° 13. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ эта ΡΡ‚Π°Ρ‚ΡŒΡ большС для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ². Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ судитС строго)

Π˜Π½ΡΠΏΠ΅ΠΊΡ‚ΠΎΡ€ NodeJS

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΈΡˆΡƒΡ‚ ΠΊΠΎΠ΄ для сСрвСрной части с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JS, Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ Π½Π° основС графичСского интСрфСйса для Node. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ввСдя ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π² Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»:

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠžΡ‚Π»Π°Π΄ΠΊΠ° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Chrome

Π”Π°Π²Π°ΠΉΡ‚Π΅ отвлСчёмся ΠΎΡ‚ написания ΠΊΠΎΠ΄Π° ΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π΅Π³ΠΎ ΠΎΡ‚Π»Π°Π΄ΠΊΠ΅.

ΠžΡ‚Π»Π°Π΄ΠΊΠ° – это процСсс поиска ΠΈ исправлСния ошибок Π² скриптС. ВсС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… срСд Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ инструмСнты для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ – ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ графичСский интСрфСйс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сильно ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ. Он Ρ‚Π°ΠΊΠΆΠ΅ позволяСт ΠΏΠΎ шагам ΠΎΡ‚ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ происходит Π² нашСм ΠΊΠΎΠ΄Π΅.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Chrome, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρƒ Π½Π΅Π³ΠΎ достаточно возмоТностСй, Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² процСсс Π±ΡƒΠ΄Π΅Ρ‚ схоТим.

ПанСль Β«Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄Β» (Β«SourcesΒ»)

ВСрсия Chrome, установлСнная Ρƒ вас, ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Π°Ρ‡Π΅, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΉ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚.

ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΌ запускС ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

Кнопка-ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ со списком Ρ„Π°ΠΉΠ»ΠΎΠ².

Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡ состоит ΠΈΠ· Ρ‚Ρ€Ρ‘Ρ… Π·ΠΎΠ½:

Консоль

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выполнСния инструкций сразу ΠΆΠ΅ отобраТаСтся Π² консоли.

Π’ΠΎΡ‡ΠΊΠΈ останова (breakpoints)

Π£Ρ€Π°! Π’Ρ‹ поставили Ρ‚ΠΎΡ‡ΠΊΡƒ останова. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Ρ‰Ρ‘Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Ρ†ΠΈΡ„Ρ€Π΅ 8 Π½Π° восьмой Π»ΠΈΠ½ΠΈΠΈ. НомСр строки Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΊΡ€Π°ΡˆΠ΅Π½ Π² синий Ρ†Π²Π΅Ρ‚.

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π² ΠΈΡ‚ΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ:

Π’ΠΎΡ‡ΠΊΠ° останова – это участок ΠΊΠΎΠ΄Π°, Π³Π΄Π΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ автоматичСски приостановит исполнСниС JavaScript.

Пока исполнСниС поставлСно Β«Π½Π° ΠΏΠ°ΡƒΠ·ΡƒΒ», ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π² консоли, ΠΎΠ΄Π½ΠΈΠΌ словом, ΠΌΡ‹ выполняСм ΠΎΡ‚Π»Π°Π΄ΠΊΡƒ ΠΊΠΎΠ΄Π°.

Π’ ΠΏΡ€Π°Π²ΠΎΠΉ части графичСского интСрфСйса ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ список Ρ‚ΠΎΡ‡Π΅ΠΊ останова. А ΠΊΠΎΠ³Π΄Π° Ρ‚Π°ΠΊΠΈΡ… Ρ‚ΠΎΡ‡Π΅ΠΊ выставлСно ΠΌΠ½ΠΎΠ³ΠΎ, Π΄Π° Π΅Ρ‰Ρ‘ ΠΈ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°Ρ…, этот список ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ эффСктивно ΠΈΠΌΠΈ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ:

МоТно Π·Π°Π΄Π°Ρ‚ΡŒ ΠΈ Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡƒΡŽ ΡƒΡΠ»ΠΎΠ²Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ останова – Ρ‰Ρ‘Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ Π½ΠΎΠΌΠ΅Ρ€Ρƒ строки Π² ΠΊΠΎΠ΄Π΅. Если Π·Π°Π΄Π°Ρ‚ΡŒ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΡ€ΠΈ Π΅Π³ΠΎ истинности Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π±ΡƒΠ΄Π΅Ρ‚ приостановлСно.

Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ присвоСнии ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ выраТСния ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

Команда Debugger

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ debugger прямо ΠΈΠ·Π½ΡƒΡ‚Ρ€ΠΈ самого ΠΊΠΎΠ΄Π°:

Бпособ ΡƒΠ΄ΠΎΠ±Π΅Π½ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΊΠΎΠ΄Π° Π±Π΅Π· нСобходимости ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ для выставлСния Ρ‚ΠΎΡ‡ΠΊΠΈ останова.

ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΈΠΌΡΡ ΠΈ оглядимся

Π’ нашСм ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ функция hello() вызываСтся Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы, поэтому для Π½Π°Ρ‡Π°Π»Π° ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ (послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ поставили Ρ‚ΠΎΡ‡ΠΊΠΈ останова) ΠΏΡ€ΠΎΡ‰Π΅ всСго Π΅Ρ‘ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ. НаТмитС F5 (Windows, Linux) ΠΈΠ»ΠΈ Cmd + R (Mac).

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ прСрвётся Π½Π° Ρ‡Π΅Ρ‚Π²Ρ‘Ρ€Ρ‚ΠΎΠΉ строчкС:

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит Π² ΠΊΠΎΠ΄Π΅, Ρ‰Ρ‘Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ стрСлочкам справа:

Watch ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ значСния Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

НаТмитС Π½Π° + ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π’ процСссС выполнСния ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ автоматичСски пСрСсчитываСт ΠΈ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π΅Π³ΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

Call Stack ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° элСмСнт списка (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° Β«anonymousΒ») ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌΡƒ ΠΊΠΎΠ΄Ρƒ, ΠΈ Π½Π°ΠΌ прСдставляСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Scope ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅.

Π’ Local ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π° ΠΈΡ… значСния подсвСчСны Π² исходном ΠΊΠΎΠ΄Π΅.

Π’ Global ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ (Ρ‚.Π΅. ΠΎΠ±ΡŠΡΠ²Π»Π΅Π½Π½Ρ‹Π΅ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Π°ΠΌΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ).

НС ΠΎΠ±Ρ€Π°Ρ‰Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΊΠ° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово this – Π΅Π³ΠΎ ΠΌΡ‹ ΠΈΠ·ΡƒΡ‡ΠΈΠΌ Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅.

ПошаговоС Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ пошагаСм ΠΏΠΎ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΊΠΎΠ΄Ρƒ.

Π’ ΠΏΡ€Π°Π²ΠΎΠΉ части ΠΏΠ°Π½Π΅Π»ΠΈ для этого Π΅ΡΡ‚ΡŒ нСсколько ΠΊΠ½ΠΎΠΏΠΎΠΊ. Рассмотрим ΠΈΡ….

ВозобновляСт Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°. Если большС Π½Π΅Ρ‚ Ρ‚ΠΎΡ‡Π΅ΠΊ останова, ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ ΠΏΡ€Π΅ΠΊΡ€Π°Ρ‰Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΈ позволяСт ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ дальшС.

Π’ΠΎΡ‚, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠ²ΠΈΠ΄ΠΈΠΌ, ΠΊΠ»ΠΈΠΊΠ½ΡƒΠ² Π½Π° Π½Π΅Ρ‘:

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°, здСсь ΠΌΡ‹ Β«Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌΒ» Π²ΠΎ Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ шаг Π·Π° шагом ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΠΌ ΠΏΠΎ скрипту.

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° остановится Π½Π° самой послСднСй строчкС Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ примСняСтся, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ случайно Π½Π°ΠΆΠ°Π»ΠΈ ΠΈ зашли Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, Π½ΠΎ Π½Π°ΠΌ ΠΎΠ½Π° нСинтСрСсна ΠΈ ΠΌΡ‹ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ скорСС Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΠ· Π½Π΅Ρ‘ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒΡΡ.

– Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ/Π΄Π΅Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС Ρ‚ΠΎΡ‡ΠΊΠΈ останова.

Π­Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π΅ влияСт Π½Π° Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΠΎΠ½Π° лишь позволяСт массово Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ/ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ останова.

– Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ/Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ остановку выполнСния Π² случаС возникновСния ошибки.

Если опция Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΈ инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹, любая ошибка Π² скриптС приостанавливаСт Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎ позволяСт Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ссли скрипт Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ΡΡ с ошибкой, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊ, Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ эту ΠΎΠΏΡ†ΠΈΡŽ, ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ страницу ΠΈ Π»ΠΎΠΊΠ°Π»ΠΈΠ·ΡƒΠ΅ΠΌ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

Если Ρ‰Ρ‘Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ строчкС ΠΊΠΎΠ΄Π°, Π² контСкстном мСню ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ Β«Continue to hereΒ» (Β«ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Π΄ΠΎ этого мСста»).

Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡŒΡΡ Π½Π° нСсколько шагов Π²ΠΏΠ΅Ρ€Ρ‘Π΄ Π΄ΠΎ Π½ΡƒΠΆΠ½ΠΎΠΉ строки, Π½ΠΎ лСнь Π²Ρ‹ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ останова.

Π›ΠΎΠ³ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Ρ‹Π²Π΅Π΄Π΅ΠΌ Π² консоль значСния ΠΎΡ‚ нуля Π΄ΠΎ Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘Ρ…:

Если ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π±Π΅Π· ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ происходит Π² ΠΊΠΎΠ΄Π΅.

Π˜Ρ‚ΠΎΠ³ΠΎ

ΠŸΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта ΠΌΠΎΠΆΠ½ΠΎ трСмя способами:

ΠŸΡ€ΠΈ остановкС ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΡ‚Π»Π°ΠΆΠΈΠ²Π°Ρ‚ΡŒ – ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΈ пошагово ΠΏΡ€ΠΎΠΉΡ‚ΠΈ ΠΏΠΎ процСссу, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

Нами описаны Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ всС инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Π‘ ΠΏΠΎΠ»Π½Ρ‹ΠΌ руководством ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ здСсь: https://developers.google.com/web/tools/chrome-devtools.

Для простой ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ Π²ΠΏΠΎΠ»Π½Π΅ достаточно свСдСний ΠΈΠ· этой Π³Π»Π°Π²Ρ‹, Π½ΠΎ Π² дальнСйшСм Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²Π°ΠΌ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ руководство, Ссли Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ².

И, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΏΠΎΠΊΠ»ΠΈΠΊΠ°Ρ‚ΡŒ Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. ΠŸΠΎΠΆΠ°Π»ΡƒΠΉ, это Π½Π°ΠΈΡΠΊΠΎΡ€Π΅ΠΉΡˆΠΈΠΉ способ ΠΈΠΌΠΈ ΠΎΠ²Π»Π°Π΄Π΅Ρ‚ΡŒ. НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎ ΠΏΡ€Π°Π²Ρ‹ΠΉ ΠΊΠ»ΠΈΠΊ ΠΌΡ‹ΡˆΠΈ ΠΈ контСкстныС мСню!

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *