Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта PowerShell

ΠŸΡ€ΠΎΡ‡Π΅Π΅ β€Ί EXE β€Ί Powershell exe Ρ‡Ρ‚ΠΎ это

ΠžΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅

МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CTRL+C ΠΏΡ€ΠΈ ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎΠΌ контСкстС (Ссли Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ тСкст Π½Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½). ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ скрипта Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ° PowerShell, ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ PowerShell ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ являСтся ΠΎΠ±Π»Π°ΡΡ‚ΡŒ скриптов.

  • МоТно ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта PowerShell с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CTRL+C ΠΏΡ€ΠΈ ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎΠΌ контСкстС.
  • Π’ PowerShell ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°ΡƒΠ·Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ псСвдонима Start-Sleep, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Windows: sleep.
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ PowerShell, Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ мСню Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» > Β«ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡΒ» > «ПанСль Π·Π°Π΄Π°Ρ‡Β» ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ строку ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠΎΠΉ Windows PowerShell.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ запуск PowerShell, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΠΎΠ²ΡƒΡŽ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ элСмСнт с ΠΈΠΌΠ΅Π½Π΅ΠΌ НС Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ прилоТСния Windows.
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ выполнСния PowerShell, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ Set-ExecutionPolicy.
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта Π½Π° ΠΏΠ°ΡƒΠ·Ρƒ Π² JavaScript, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄ setTimeout() ΠΈΠ»ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ await Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ async.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ скрипт Π½Π° ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ… Π² PowerShell, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ FilePath ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Π° Invoke-Command.
  • Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· PowerShell, Π½ΡƒΠΆΠ½ΠΎ ввСсти ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ logoff Π±Π΅Π· Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².
  • ОсновноС ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ PowerShell ΠΎΡ‚ CMD β€” использованиС ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ΠΎΠ² вмСсто ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠ°Π½Π΄.
  1. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°ΡƒΠ·Ρƒ Π² PowerShell
  2. Как ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ PowerShell
  3. Как Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ запуск PowerShell
  4. Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ выполнСния PowerShell
  5. Как ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта Π½Π° ΠΏΠ°ΡƒΠ·Ρƒ
  6. Как ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ запуск скрипта PowerShell
  7. Как Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· PowerShell
  8. Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ CMD ΠΈ PowerShell
  9. Как Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ запуск процСсса
  10. Π§Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ссли ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Windows PowerShell
  11. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ execution policy
  12. Как ΠΏΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ PowerShell
  13. Как ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Π΅ процСссы PowerShell
  14. Как быстро Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ PowerShell
  15. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ Π² PowerShell
  16. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ PowerShell Attack
  17. Как Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скриптов PowerShell
  18. Для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ΅Π½ PowerShell
  19. Как ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ PowerShell
  20. Как ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°Ρ‰ΠΈΡ‚Ρƒ PowerShell
  21. Как с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ
  22. Как Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ сцСнариСв PowerShell Windows 10
  23. Π§Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Π² PowerShell
  24. Как ввСсти ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π² PowerShell
  25. Как Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ PowerShell
  26. Как Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell
  27. Как Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π² PowerShell

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°ΡƒΠ·Ρƒ Π² PowerShell

PowerShell Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ псСвдонимы для Start-Sleep:

  • Windows: sleep.
  • Ctrl+C прСрываСтся ΠΈΠ· Start-Sleep.
  • Ctrl+C Π½Π΅ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΈΠ· [Threading. Thread]::Sleep. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния см. Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠœΠ΅Ρ‚ΠΎΠ΄ Thread. Sleep.

Как ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ PowerShell

Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ мСню Β«ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹Β» > Β«ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡΒ» > «ПанСль Π·Π°Π΄Π°Ρ‡Β», ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ строку ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠΎΠΉ Windows PowerShell Π² мСню, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ появляСтся ΠΏΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Β«ΠŸΡƒΡΠΊΒ» ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ клавиш Windows+X.

Как Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ запуск PowerShell

На экранС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° Π³Ρ€ΡƒΠΏΠΏΠΎΠ²ΠΎΠΉ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ Ρ€Π°ΡΡˆΠΈΡ€ΡŒΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ элСмСнт. Доступ ΠΊ ΠΏΠ°ΠΏΠΊΠ΅ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ System. Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ элСмСнт с ΠΈΠΌΠ΅Π½Π΅ΠΌ НС Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ прилоТСния Windows. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈ Π²Π²Π΅Π΄ΠΈΡ‚Π΅ список ΠΊΠΎΠΌΠ°Π½Π΄, Π·Π°ΠΏΡƒΡΠΊΠ°ΡŽΡ‰ΠΈΡ… Powershell.

Как ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ выполнСния PowerShell

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ выполнСния PowerShell Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ с Windows, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Set-ExecutionPolicy ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚. ИзмСнСниС вступаСт Π² силу Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ. Π’Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ PowerShell.

Как ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта Π½Π° ΠΏΠ°ΡƒΠ·Ρƒ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄ setTimeout(), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ°ΡƒΠ·Ρƒ, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² JavaScript. ВрСмя Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ выполнСния скрипта указываСтся Π² миллисСкундах (тысячных долях сСкунды). ΠžΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ await ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для оТидания. Π•Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ async.

Как ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ запуск скрипта PowerShell

Запуск сцСнария

Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ скрипт Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ FilePath ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Π° Invoke-Command. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΈΠ»ΠΈ доступСн для локального ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π΅Π½Ρ‹ Π½Π° Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€.

Как Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· PowerShell

Π’ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строкС PowerShell). Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ΠΉΡ‚ΠΈ ΠΈΠ· Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ сСанса, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ logoff Π±Π΅Π· Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ².

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ CMD ΠΈ PowerShell

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ΠΌ ΠΎΡ‚ CMD, Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ΠΌ Π½Π° стартС Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Ρ‹ β€” ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π² срСдС PowerShell. НазначСниС ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ PowerShell довольно Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ названию: ΠΎΠ½ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ простой закономСрности β€” Π·Π° Π³Π»Π°Π³ΠΎΠ»ΠΎΠΌ ΠΈΠ΄Π΅Ρ‚ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅.

Как Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ запуск процСсса

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ локальной Π³Ρ€ΡƒΠΏΠΏΠΎΠ²ΠΎΠΉ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎ ΠΏΡƒΡ‚ΠΈ ΠšΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° β€” ΠšΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡ Windows β€” ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ бСзопасности. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ использования ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. Π§Ρ‚ΠΎΠ±Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ ΠΆΠΌΠ΅ΠΌ ДСйствиС β€” Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ использования ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ.

Π§Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ссли ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Windows PowerShell

ПослС ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Windows PowerShell Π²Ρ‚ΠΎΡ€ΠΎΠΉ вСрсии ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ PowerShell останСтся. Но ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‰ΠΈΠ΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ строку Π² контСкстном мСню пуск ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ΠΌ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΅Ρ‘ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ execution policy

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ PowerShell Execution Policy? Execution policy опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚ΠΈΠΏΡ‹ скриптов ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΏΡƒΡ‰Π΅Π½Ρ‹ (Ссли Π²ΠΎΠΎΠ±Ρ‰Π΅ ΠΌΠΎΠ³ΡƒΡ‚) Π² систСмС. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° выставлСно ΠΊΠ°ΠΊ Β«RestrictedΒ», Ρ‡Ρ‚ΠΎ Π·Π°ΠΏΡ€Π΅Ρ‰Π°Π΅Ρ‚ запуск Π»ΡŽΠ±Ρ‹Ρ… скриптов.

Как ΠΏΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ PowerShell

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ консоли, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΠžΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ консоли Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов ΠΈΠ»ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Clear-Host (ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ псСвдоним β€” cls).

Как ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Π΅ процСссы PowerShell

Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ процСссами с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell:

  • Get-Process β€” ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ список Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Ρ… процСссов;
  • Start-Process β€” Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ процСсс/ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ;
  • Stop-Process β€” ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ процСсс;
  • Debug-Process β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ процСссов;
  • Wait-Process β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для оТидания окончания процСсса.

Как быстро Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ PowerShell

НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΡƒΡΠΊ, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ PowerShell, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ Windows PowerShell ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡƒΠ½ΠΊΡ‚ Запуск ΠΎΡ‚ ΠΈΠΌΠ΅Π½ΠΈ администратора.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ Π² PowerShell

ΠšΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Ρ‹ β€” PowerShell

ΠšΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ β€” это ΠΊΠΎΠΌΠ°Π½Π΄Π° с ΠΎΠ΄Π½ΠΈΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠΌ, производящая дСйствия с ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π² PowerShell. ΠšΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ ΠΏΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ ΠΈΠΌΠ΅Π½ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ прСдставляСт собой Π³Π»Π°Π³ΠΎΠ» ΠΈ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ дСфисом.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ PowerShell Attack

PowerShell β€” это систСмная консоль Windows (CLI), которая являСтся ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Π²Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Π°Ρ‚Π°ΠΊΠΈ для Π±Π΅Π·Ρ„Π°ΠΉΠ»ΠΎΠ²Ρ‹Ρ… врСдоносных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ. PowerShell позволяСт систСмным администраторам ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ Π½Π° сСрвСрах ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ….

Как Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скриптов PowerShell

Как Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ запуск скриптов PowerShell с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Execution Policy? Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ запуска PowerShell скриптов, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚ Set-ExecutionPolicy. ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΈ запуска PS1 скриптов, Π½Π°ΠΆΠ°Π² Y ΠΈΠ»ΠΈ A. Π§Ρ‚ΠΎΠ±Ρ‹ запрос Π½Π΅ появлялся, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Force.

Для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ΅Π½ PowerShell

PowerShell β€” это кроссплатформСнноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ Π·Π°Π΄Π°Ρ‡, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΡƒ ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки, скриптовый язык ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ управлСния ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠ΅ΠΉ. PowerShell поддСрТиваСтся Π² Windows, Linux ΠΈ macOS.

Как ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ PowerShell

Restart-Computer ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈ ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ Π΄ΠΎ 5 ΠΌΠΈΠ½ΡƒΡ‚ (300 сСкунд), ΠΏΠΎΠΊΠ° PowerShell станСт доступным Π½Π° ΠΏΠ΅Ρ€Π΅Π·Π°ΠΏΡƒΡ‰Π΅Π½Π½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. Restart-Computer ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ComputerName, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Server01. ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Wait ΠΎΠΆΠΈΠ΄Π°Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½ΠΈΡ пСрСзапуска.

Как ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°Ρ‰ΠΈΡ‚Ρƒ PowerShell

ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π» настроСк Virus and threat protection settings, ΠΏΡ€ΠΎΠΌΠΎΡ‚Π°ΠΉΡ‚Π΅ список ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π° Tamper Protection Π½Π° Off. ПослС ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Tamper Protection Π²Ρ‹ смоТСтС ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°Ρ‰ΠΈΡ‚Ρƒ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ Π²Ρ‹ΡˆΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ PowerShell.

Как с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ

Для удалСния UWP ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Microsoft Store Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PowerShell ΠΊΠΎΠΌΠ°Π½Π΄Π»Π΅Ρ‚Ρ‹ Remove-AppxPackage ΠΈ Remove-AppxProvisionedPackage (см.

Как Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ сцСнариСв PowerShell Windows 10

Π—Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Β«ΠšΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Β» => «АдминистративныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹Β» => Β«ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ WindowsΒ» => Β«Windows PowerShellΒ» => ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ сцСнариСв».

3:

  • Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ подписанныС сцСнарии;
  • Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ сцСнарии ΠΈ ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Π΅ подписанныС сцСнарии;
  • Ρ€Π°Π·Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ всС сцСнарии.

Π§Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Π² PowerShell

PowerShell β€” это ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠ° ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ строки ΠΈ язык сцСнариСв Π² ΠΎΠ΄Π½ΠΎΠΉ систСмС. PowerShell Π±Ρ‹Π» Π·Π°ΠΏΡƒΡ‰Π΅Π½ Π² Windows для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ административных Π·Π°Π΄Π°Ρ‡. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡. Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ PowerShell Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Как ввСсти ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Π² PowerShell

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

Как Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ PowerShell

Запустив Π΅Π΅, Π½ΡƒΠΆΠ½ΠΎ просто Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒΒ» ΠΈΠ»ΠΈ Π·Π°ΠΉΡ‚ΠΈ Π² мСню Π€Π°ΠΉΠ» β€” ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ скрипт, Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΆΠ°Ρ‚ΡŒ F5 ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ скрипт». Найти Windows PowerShell ISE ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΌ ΠΆΠ΅, Π³Π΄Π΅ ΠΈ ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΡƒ PowerShell β€” Π² мСню Β«ΠŸΡƒΡΠΊΒ».

Как Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell

Запуск с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShell

ЗапуститС ΠΏΡ€ΠΎΠ²ΠΎΠ΄Π½ΠΈΠΊ, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ имя Ρ„Π°ΠΉΠ»Π° скрипта ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Β«Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShellΒ». Ѐункция «Запуск с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PowerShellΒ» ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для выполнСния скриптов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΈ Π½Π΅ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π²Ρ‹Ρ…ΠΎΠ΄Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΡƒΡŽ строку.

Как Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π² PowerShell

ΠŸΡ€ΠΎΡΡ‚Π°Ρ функция

Ѐункция Π² PowerShell ΠΎΠ±ΡŠΡΠ²Π»ΡΠ΅Ρ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова function, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ слСдуСт имя Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π° Π·Π°Ρ‚Π΅ΠΌ β€” ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹Π΅ скобки. Π’ этих скобках содСрТится ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ функция.

  • Как ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта bash

ΠžΠ±Π·ΠΎΡ€ Chrome DevTools. РСшаСм основныС Π·Π°Π΄Π°Ρ‡ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° β€”Β ΠΆΡƒΡ€Π½Π°Π» Β«Π”ΠΎΠΊΡ‚Π°ΠΉΠΏΒ»

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

  • ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ выглядит страница с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°
  • Быстро ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стили прямо Π½Π° страницС
  • ΠŸΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ Π½Π° ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅
  • Π£Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹, ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… располоТСниС
  • ΠŸΠΎΠ½ΡΡ‚ΡŒ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ скрипты
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ качСство сайта

ΠœΡ‹Β ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ Ρ†ΠΈΠΊΠ» статСй об инструмСнтах Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°Β β€” Chrome DevTools. Π’Β ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Π΄Π²ΡƒΡ… частях ΠΌΡ‹Β ΡƒΠΆΠ΅ познакомились с вкладками Elements,Β Console, Sources ΠΈΒ NetworkΒ ΠΈΒ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈΡΡŒ с их основными функциями.

ВозмоТности Chrome DevTools ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹. Π—Π΄Π΅ΡΡŒ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ,Β ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ, ΠΎΡ‚Π»Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ошибки, ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π°Β ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽ сайта ΠΈΒ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ. ΠΠΎΒ Π½Π°Β Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Ρ… этапах обучСния Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒΡΡ со всСми функциями. Достаточно Π·Π½Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€ Π±Π°Π·ΠΎΠ²Ρ‹Ρ… инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ понадобится для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ повсСднСвных Π·Π°Π΄Π°Ρ‡.

Π”Π°Π²Π°ΠΉΡ‚Π΅ разбСрёмся, ΠΊΠ°ΠΊΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Chrome DevTools

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ выглядит страница с тСлСфона ΠΈΒ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°

ΠŸΡ€ΠΈ создании Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… сайтов ΠΈΠ»ΠΈ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ выглядит страница Π½Π°Β ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°Ρ… ΠΈΒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах. Π‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это за нСсколько сСкунд. НуТно Π»ΠΈΡˆΡŒΒ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Chrome Devtools, Π°Β Π·Π°Ρ‚Π΅ΠΌ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Π½Π°Β ΠΈΠΊΠΎΠ½ΠΊΡƒΒ Toggle device toolbarΒ Π²Β Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΈΠ»ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ Ctrl+Shift+M.

Над страницСй появится панСль с рСТимами эмуляции ΠΈΠ·Β ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΈΒ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ². ΠŸΠΎΒ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ панСль инструмСнтов открываСтся Π²Β Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΎΠΊΠ½Π° просмотра. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π΄ΠΎΒ Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π·Π°Π΄Π°ΠΉΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈΠ»ΠΈ потянитС Π·Π°Β Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Ρ€Π°Π±ΠΎΡ‡Π΅ΠΉ области. А Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ страница отобраТаСтся Π½Π°Β ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… устройствах, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π°Β iPhoneΒ 5, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π°Β ResponsiveΒ ΠΈΒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ подходящий дСвайс.

Π’Π°ΠΊ выглядит страница в мобильной вСрсии

На этой ТС ΠΏΠ°Π½Π΅Π»ΠΈ Π΅ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½Π° полСзная ΠΊΠ½ΠΎΠΏΠΊΠ°Β β€”Β DPRΒ (Device Pixel Ratio). Π‘Β Π΅Ρ‘Β ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡŽΡ‚, ΠΊΠ°ΠΊ выглядят изобраТСния Π½Π°Β Ρ€Π΅Ρ‚ΠΈΠ½Π°-дисплСях — экранах ΡΒ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ выглядит Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π½Π°Β Ρ€Π°Π·Π½Ρ‹Ρ… устройствах, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ DPR ΠΈΒ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ страницу.

Быстро ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ стили прямо на страницС

Во врСмя Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ стили прямо Π²Β Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. НапримСр, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ выглядит элСмСнт с новыми CSS-ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌΠΈ, ΠΈΠ»ΠΈ Π²Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ Π΅Π³ΠΎ при вёрсткС ΠΏΠΎΠ΄ PixelPerfect.

ΠœΠ΅Π½ΡΡ‚ΡŒ стили ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅Β Elements. Π‘Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ. Для этого ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΒ Π½Π΅ΠΌΡƒ Π²Β Π΄Π΅Ρ€Π΅Π²Π΅ DOM ΠΈΠ»ΠΈ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Ρ‹Π±ΠΎΡ€Π°, Π°Β Π·Π°Ρ‚Π΅ΠΌ прямо на страницС Π½Π°ΠΆΠΌΠΈΡ‚Π΅ на этот элСмСнт.

МСняСм элСмСнт прямо на страницС

ПослС этого Π²Β Ρ€Π°Π·Π΄Π΅Π»Π΅ Styles Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅, ΡƒΠ΄Π°Π»ΠΈΡ‚Π΅ ΠΈΠ»ΠΈ помСняйтС стилСвыС ΠΏΡ€Π°Π²ΠΈΠ»Π°.

Π’Β Ρ€Π°Π·Π΄Π΅Π»Π΅ Styles Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ, Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΒ ΠΈΡΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ стилСвыС ΠΏΡ€Π°Π²ΠΈΠ»Π° для :hover,Β :active,Β :focusΒ ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΈΡ… псСвдоклассов. Π§Ρ‚ΠΎΠ±Ρ‹ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π·Π°Π΄Π°Π½ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ состояниС. Π—Π°Ρ‚Π΅ΠΌ Π²Β Ρ€Π°Π·Π΄Π΅Π»Π΅ Styles Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°Β ΠΊΠ½ΠΎΠΏΠΊΡƒΒ : hov, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ подходящий псСвдокласс и помСняйтС Π΅Π³ΠΎ стили.

ИзмСняСм стилСвыС ΠΏΡ€Π°Π²ΠΈΠ»Π° для псСвдоэлСмСнтов

ΠŸΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ Π½Π°Β ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅

Π’ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Elements ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ стили, Π½ΠΎΒ ΠΈΒ DOM-Π΄Π΅Ρ€Π΅Π²ΠΎ: Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈΒ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ элСмСнты ΠΈΠ»ΠΈ Π±Π»ΠΎΠΊΠΈ, ΠΌΠ΅Π½ΡΡ‚ΡŒ тСкст, ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ и классами. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ, особСнно Ссли Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΡƒΡŽ-Ρ‚ΠΎ Π³ΠΈΠΏΠΎΡ‚Π΅Π·Ρƒ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ошибки в вёрсткС.

Одна ΠΈΠ·Β Π·Π°Π΄Π°Ρ‡, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ часто приходится Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Chrome DevToolsΒ β€” ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ вёрстку Π½Π°Β ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. Π’ΠΎΒ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ Π²Π΅Π΄ΡƒΡ‚ сСбя Π±Π»ΠΎΠΊΠΈ и элСмСнты ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² страницы. НапримСр, Π²Ρ‹Β ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Π½Π΅Β Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚Β Π»ΠΈ тСкст Π·Π°Β Ρ€Π°ΠΌΠΊΠΈ Π±Π»ΠΎΠΊΠ° ΠΈΠ»ΠΈ Π½Π΅Β Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‚Β Π»ΠΈ элСмСнты ΠΈΠ·Β ΠΎΠ±Ρ‰Π΅Π³ΠΎ ΠΏΠΎΡ‚ΠΎΠΊΠ°.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹ΠΉ срСди Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΌΠ΅ΠΌ ΠΈΒ Π·Π°ΠΎΠ΄Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π½Π΅Β Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ: вёрстка Π½Π΅Β Π΄ΠΎΠ»ΠΆΠ½Π° Π»ΠΎΠΌΠ°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов, ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ тСкста ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² страницы.

Как ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ элСмСнт Π½Π°Β ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ тСкстом

Π’ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Elements Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π²Β DOM-Π΄Π΅Ρ€Π΅Π²Π΅ элСмСнт, ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΒ Π½Π΅ΠΌΡƒ Π΄Π²Π° Ρ€Π°Π·Π° ΠΈΒ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст:

Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ тСкст ΠΌΠΎΠΆΠ½ΠΎ и на самой страницС. Для этого ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ сосСднюю Π²ΠΊΠ»Π°Π΄ΠΊΡƒΒ Console, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄ΡƒΒ document.body.contentEditable = trueΒ ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Enter. ПослС запуска ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ вы смоТСтС Π½Π°ΠΆΠ°Ρ‚ΡŒ на элСмСнт ΠΈΒ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ.

ΠŸΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π±Π»ΠΎΠΊΠΎΠ²

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Π½Π΅Β Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‚Β Π»ΠΈ Π±Π»ΠΎΠΊΠΈ ΠΈΠ·Β ΠΏΠΎΡ‚ΠΎΠΊΠ° и сохраняСтся ли сСтка, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ родитСля ΠΈΒ Π΅ΠΌΡƒ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΎΡ‡Π΅Ρ€Π½ΠΈΡ… элСмСнтов. Для этого ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π°Β ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ·Β Ρ‚Π°ΠΊΠΈΡ… элСмСнтов ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°Β Duplicate Element.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ пСрСполнСния: элСмСнты Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‚ ΠΈΠ·Β Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°.

Π£Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹, ΠΈΒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ их располоТСниС

ΠŸΠΎΡ€ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹Π΅ ΠΊΒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρƒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ их содСрТимоС. Π’Β Ρ‚Π°ΠΊΠΈΡ… случаях Π½Π°Β ΠΏΠΎΠΌΠΎΡ‰ΡŒ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Β Sources:

Π‘Π»Π΅Π²Π° Π½Π°Β ΠΏΠ°Π½Π΅Π»ΠΈ находятся всС Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Π΅ рСсурсы. Π‘ΠΏΡ€Π°Π²Π°Β β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, Π²Β ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ любой ΠΈΠ·Β Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ², Π²Β Ρ‚ΠΎΠΌ числС изобраТСния. Π—Π΄Π΅ΡΡŒΒ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈΒ JavaScript. ΠŸΡ€ΠΈ этом, Ссли Π²Ρ‹Β Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ скрипты, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ сохраняйтС измСнСния ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Β Command + S  для Mac ΠΈΠ»ΠΈΒ Control + S для Windows ΠΈΒ Linux. Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΊΠΈ CSS Π½Π΅Β Π½ΡƒΠΆΠ½ΠΎ, ΠΎΠ½ΠΈ сразу Π²ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ в силу. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, послС ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы всё откатится Π΄ΠΎΒ Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ состояния.

ΠŸΠΎΠ½ΡΡ‚ΡŒ, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π½Π΅Β Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ скрипты

Если вы написали ΠΊΠΎΠ΄ Π½Π°Β JavaScript ΠΈΒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ пошло Π½Π΅Β Ρ‚Π°ΠΊ, ΠΈΡ‰ΠΈΡ‚Π΅ ошибки ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²ΠΊΠ»Π°Π΄ΠΎΠΊΒ ConsoleΒ ΠΈΒ Sources. Π’ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅Β ConsoleΒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ сообщСния ΠΎΠ±Β ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ… с указаниСм Ρ„Π°ΠΉΠ»Π° и строки, Π½Π°Β ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… находится баг. Если Π½Π°ΠΆΠ°Ρ‚ΡŒ на этот Ρ„Π°ΠΉΠ», Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ сразу ТС откроСтся Π½Π°Β Π½ΡƒΠΆΠ½ΠΎΠΉ строкС.

Π—Π΄Π΅ΡΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΠ» лишнюю ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΡƒ. Ошибка Π½Π°Β ΠΏΠ΅Ρ€Π²ΠΎΠΉ строкС Π²Β Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ diseasmap.js

Иногда Π±Ρ‹Π²Π°Π΅Ρ‚ слоТно Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ, с чСм связана ошибка ΠΈΒ ΠΊΠ°ΠΊ Π΅Ρ‘Β Ρ€Π΅ΡˆΠΈΡ‚ΡŒΒ β€” особСнно Ссли Π²Ρ‹Β Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π°Ρ‡Π°Π»ΠΈ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅. Π’Β Ρ‚Π°ΠΊΠΈΡ… случаях приходится ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚ Π²Β ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅: Π½Π°Β Ρ„ΠΎΡ€ΡƒΠΌΠ°Ρ… ΠΈΒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‡Π°Ρ‚Π°Ρ….

Π•Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ способ Π½Π°ΠΉΡ‚ΠΈ ΠΈΒ ΠΎΡ‚Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΎΡˆΠΈΠ±ΠΊΡƒΒ β€” воспроизвСсти Сё. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ для этого Ρ‚ΠΎΡ‡ΠΊΠΈ останова, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°ΡŽΡ‚ ΠΊΠΎΠ΄ Π²Β ΠΌΠΎΠΌΠ΅Π½Ρ‚ Π΅Π³ΠΎ выполнСния.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ останова

Для Π½Π°Ρ‡Π°Π»Π° ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒΒ SourcesΒ ΠΈΒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» со скриптом. Π—Π°Ρ‚Π΅ΠΌ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎΒ Π½ΠΎΠΌΠ΅Ρ€Ρƒ строки, Π½Π°Β ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹Β Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°. Π’Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡ΠΊΠΈ сразу появятся Π½Π°Β ΠΏΠ°Π½Π΅Π»ΠΈ справа Π²Β Ρ€Π°Π·Π΄Π΅Π»Π΅Β Breakpoints.

Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΉΡ‚ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΏΡƒΡ‚Ρ‘ΠΌ: ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π°Β Event Listener BreakpointsΒ ΠΈΒ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ события, Π½Π°Β ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°.

JavaScript выполняСтся ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ. Когда Chrome Π΄ΠΎΠΉΠ΄Π΅Ρ‚ Π΄ΠΎΒ Ρ‚ΠΎΡ‡Π΅ΠΊ останова, он остановит Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта, и вы смоТСтС ΠΎΡ‚ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит с кодом. НапримСр, ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ значСния ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ… ΠΈΠ»ΠΈ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с логикой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Б этого ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ вы управляСтС ΠΊΠΎΠ΄ΠΎΠΌ. ΠœΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊΒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠ΅, ΡˆΠ°Π³Π½ΡƒΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ останова. В этом Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π°Β ΠΏΠ°Π½Π΅Π»ΠΈ справа.

Для Ρ‡Π΅Π³ΠΎ ΠΎΠ½ΠΈ Π½ΡƒΠΆΠ½Ρ‹, ΠΏΠΎΠΉΠ΄Ρ‘ΠΌ по порядку:

Resume Script ExecutionΒ β€” ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ скрипта Π΄ΠΎΒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ останова. Горячая клавиша F8.

Step over next function callΒ β€” выполняСт строку ΠΊΠΎΠ΄Π° ΠΈΒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊΒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Горячая клавиша F10.

Step into next call function callΒ β€” выполняСт строку ΠΊΠΎΠ΄Π° ΠΈΒ Π·Π°Ρ‚Π΅ΠΌ ныряСт Π²Π½ΡƒΡ‚Ρ€ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈΒ β€” Π½Π°Β ΠΏΠ΅Ρ€Π²ΡƒΡŽ строку. Горячая клавиша F11.

Step out ofΒ current functionΒ β€” выполняСт Π΄ΠΎΒ ΠΊΠΎΠ½Ρ†Π° Ρ‚Π΅ΠΊΡƒΡ‰ΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ и останавливаСтся на Сё послСднСй строкС. Горячая клавиша Shift + F11.

StepΒ β€” ΠΏΠΎΒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ дСйствия ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π°Β Step into ofΒ current function. Но Ссли Step into Π½ΡƒΠΆΠ΅Π½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΠ°ΡΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚ΠΎΒ Step просто Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ Π΅Ρ‘Β ΠΈΒ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Горячая клавиша F9.

Deactivate breakpointsΒ β€” ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Ρ‚ΠΎΡ‡ΠΊΠΈ останова. Горячая клавиша Ctrl + F8.

Pause onΒ exceptionsΒ β€” Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ JavaScript приостанавливаСтся, ΠΊΠΎΠ³Π΄Π° появляСтся ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅.

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ качСство сайта

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

Lighthouse ΠΎΡ†Π΅Π½ΠΈΠ²Π°Π΅Ρ‚ классичСскиС сайты ΠΏΠΎΒ Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘ΠΌ критСриям: ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ, Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ, SEO ΠΈΒ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΠΎΡΡ‚ΡŒ. Для сайтов, Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Ρ… ΠΏΠΎΒ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ PWA (прогрСссивныС Π²Π΅Π±-прилоТСния), добавляСтся пятый ΠΊΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΉΒ β€” progressive web app.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Lighthouse

Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²ΠΎΒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒΒ Lighthouse

Β ΠΈΒ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π½Π°Β ΠΊΠ½ΠΎΠΏΠΊΡƒΒ Generate report. Во врСмя тСстирования инструмСнт Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈΒ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ.

Π’Β ΠΊΠΎΠ½Ρ†Π΅ Π²Ρ‹Β ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΎΡ†Π΅Π½ΠΊΠΈ качСства сайта ΠΏΠΎΒ 100-балльной шкалС: Ρ‡Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ ΠΎΡ†Π΅Π½ΠΊΠ°, Ρ‚Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅. ΠŸΡ€ΠΈ этом на чистоту ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π»ΠΈΡΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹, Π²Β Ρ‚ΠΎΠΌ числС ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-соСдинСниС ΠΈΒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Chrome. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π»ΡƒΡ‡ΡˆΠ΅ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ тСст Π²Β Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΈΠ½ΠΊΠΎΠ³Π½ΠΈΡ‚ΠΎ, Π·Π°ΠΊΡ€Ρ‹Π² ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ.

ЗапускаСм LighthouseΠ Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ.

НиТС находятся ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ повлияли Π½Π°Β ΠΎΡ†Π΅Π½ΠΊΡƒ, ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ поэтапной отрисовки страницы и прСдлоТСния — Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ. НапримСр, Lighthouse ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΒ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ CSS ΠΈΒ JavaScript ΠΈΠ»ΠΈ внСсти Π΄Ρ€ΡƒΠ³ΠΈΠ΅ измСнСния. КаТдоС ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описано, ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°ΠΆΠ΅ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π°Β ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу ΠΈΒ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΎΒ Π½Ρ‘ΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅.

Как ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ сайты ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Lighthouse

Lighthouse нС СдинствСнный инструмСнт для ΠΎΡ†Π΅Π½ΠΊΠΈ качСства сайта. Π•ΡΡ‚ΡŒ ΠΈΒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ сСрвисы, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€,Β PageSpeed Insights. ΠΠΎΒ ΠΎΠ½Β Ρ…ΠΎΡ€ΠΎΡˆΠΎ справляСтся со своСй Π·Π°Π΄Π°Ρ‡Π΅ΠΉ, ΠΈΒ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с сайтами на локальном сСрвСрС.

ΠŸΡ€ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ сайта Π²Β Chrome DevTools Π²Ρ‹Β Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Network. Она ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страницы, ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ и вСс Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… рСсурсов, Π°Β Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΒ Π½Π΅ΠΉ мы рассказали Π²Β ΡΡ‚Π°Ρ‚ΡŒΠ΅ Β«Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π²Β Chrome DevTools. Console, Sources, NetworkΒ».


Chrome DevTools ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. Π˜Β Ρ…ΠΎΡ‚Ρ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Π±Ρ‹Π²Π°Π΅Ρ‚ нСпросто сразу Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ во всСх инструмСнтах — это ΠΈΒ Π½Π΅Β Π½ΡƒΠΆΠ½ΠΎ. Π‘Π½Π°Ρ‡Π°Π»Π° осваивайтС Π±Π°Π·Ρƒ ΠΈΒ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅Β Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ. А чтобы Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Chrome DevTools Π½Π°Β ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ наши интСнсивы Β«HTML ΠΈΒ CSS. Адаптивная вёрстка и автоматизация» ΠΈΒ Β«JavaScript. ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π²Π΅Π±-интСрфСйсов».

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΏΠΎΠ΄ руководством наставника, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈΒ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ ΠΎΡ‚Π»Π°Π΄ΠΊΠ΅ ΠΊΠΎΠ΄Π° ΡΒ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.


Β«Π”ΠΎΠΊΡ‚Π°ΠΉΠΏΒ» β€”Β ΠΆΡƒΡ€Π½Π°Π» ΠΎ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π΅. Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅, ΡΠ»ΡƒΡˆΠ°ΠΉΡ‚Π΅ ΠΈ ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ с Π½Π°ΠΌΠΈ.

Π’Π΅Π»Π΅Π³Ρ€Π°ΠΌΠŸΠΎΠ΄ΠΊΠ°ΡΡ‚Π‘Π΅ΡΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΈ

javascript — Как я ΠΌΠΎΠ³Ρƒ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ скрипты Π½Π° страницС Π² Firefox?

спросил

ИзмСнСно 26 днСй назад

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ 31ΠΊ Ρ€Π°Π·

Как ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ скрипты Π½Π° страницС Π² Firefox? МСня Π½Π΅ Π²ΠΎΠ»Π½ΡƒΠ΅Ρ‚ драконовскоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Π‘ΡƒΠΏΠ΅Ρ€Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ‚Π°ΠΊΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈ.

Π£Ρ‚ΠΎΡ‡Π½Π΅Π½ΠΈΠ΅: я Π½Π΅ Ρ…ΠΎΡ‡Ρƒ постоянно ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ сцСнарии. Π― Ρ…ΠΎΡ‡Ρƒ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠ±ΠΈΠ²Π°Ρ‚ΡŒ скрипт (ΠΈΠ»ΠΈ всС Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ скрипты) ΠΏΠΎ запросу для Π΄Π°Π½Π½ΠΎΠΉ Π²Π΅Π±-страницы.

  • Firefox
  • JavaScript
5

На Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ·Π΄Π½ΠΈΠΉ вопрос Π±Ρ‹Π» Π΄Π°Π½ ΠΎΡ‚Π²Π΅Ρ‚. Для краткости:

  • ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈΠ· мСню ΠΈΠ»ΠΈ ΠΏΠΎ F12.
  • Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°.
  • НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠ°ΡƒΠ·Ρ‹.
2

НаТатиС ESC Ρƒ мСня сработало, ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΠ» @simlev. Для мСня это Π±Ρ‹Π»Π° страница, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ‡Π΅Ρ€Π΅Π· 5-10 сСкунд послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы появлялось Π±Π»ΠΎΠΊΠΈΡ€ΡƒΡŽΡ‰Π΅Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ ΠΎΠΊΠ½ΠΎ. НаТатиС

ESC эффСктивно остановило JavaScript Π½Π° этой страницС. Π­Ρ‚ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½ΠΎΠΉ Ρ‚Π°ΠΊΠΈΡ… Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ, ΠΊΠ°ΠΊ NoScript, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Π² ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ситуациях.

ОбновлСниС ΠΎΡ‚ 10/2020: Учитывая многочислСнныС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ESC Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π½Π° этот ΠΌΠ΅Ρ‚ΠΎΠ΄ особо Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ Π½Π΅ стоит. Как ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅, это Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ случаС; Ρ‚Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, я Π΄ΡƒΠΌΠ°ΡŽ, Π½Π΅ ΠΏΠΎΠΌΠ΅ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ просто ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π»ΠΈ ΠΎΠ½ Π½Π° вас — Π±Π΅Π· особых ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠΉ.

4

Консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Firefox ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠ°ΡƒΠ·Ρ‹ ⏸ ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€

ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ JavaScript , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‡Π΅Π½ΡŒ эффСктивСн:

Консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Firefox

  • Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ JavaScript, сначала ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π΅Π³ΠΎ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚Π΅ страницу ( Π€5 ).
  • Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π» Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄ΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠ°ΡƒΠ·Ρ‹ ⏸ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ°.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ консоль Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° для Π΄Π°Π½Π½ΠΎΠΉ страницы ΠΈΠ· мСню с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ F12 ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΉ клавиш:

Firefox прСдоставляСт способ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ JavaScript Π² настройках ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ. МоТно ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ

about:config Π² адрСсной строкС, Π³Π΄Π΅ Π²Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ URL-адрСс страницы, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ «ИзмСнСниС этих Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ нанСсти Π²Ρ€Π΅Π΄ ΡΡ‚Π°Π±ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ, бСзопасности ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ этого прилоТСния. ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ слСдуСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли Π²Ρ‹ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚Π΅Β». НаТмитС Π½Π° «Π― Π±ΡƒΠ΄Ρƒ остороТСн, ΠΎΠ±Π΅Ρ‰Π°ΡŽ!» ΠΊΠ½ΠΎΠΏΠΊΠ°. НайдитС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ javascript.enabled ; ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π΅Π³ΠΎ, Π΄Π²Π°ΠΆΠ΄Ρ‹ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ Π½Π΅ΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ с Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ. Или Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ настройку ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Β«ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΒ». Но это Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚/ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ JavaScript для всСх сайтов ΠΈ всСх страниц, поэтому Π²Π°ΠΌ придСтся ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ JavaScript ΠΏΠ΅Ρ€Π΅Π΄ посСщСниСм страницы ΠΈ снова Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π³ΠΎ послС этого. Для Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎΠ³ΠΎ контроля Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ страницы Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ NoScript для Firefox.

Π”Ρ€ΡƒΠ³ΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ являСтся надстройка PrefBar, Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‰Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΡƒ для Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ JavaScript для Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ. Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° находится Π½Π° PrefBar.

ЕдинствСнный способ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ я ΠΌΠΎΠ³ ΠΎΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ бСсконСчный Ρ†ΠΈΠΊΠ» Π² консоли Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° Firefox, сохранив ΠΏΡ€ΠΈ этом ΠΎΡΡ‚Π°Π»ΡŒΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ ΠΌΠΎΠ΅Π³ΠΎ Firefox/Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, состоял Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±ΠΈΡ‚ΡŒ рСсурсоСмкий процСсс Π² ΠΌΠΎΠ΅ΠΌ диспСтчСрС Π·Π°Π΄Π°Ρ‡/систСмном ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅.

Ѐункция Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ выполнСния Javascript сокращаСт врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы

Наши ниндзя ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ OptimizePress снова взялись Π·Π° Π΄Π΅Π»ΠΎ! Π― с Π³ΠΎΡ€Π΄ΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠΎΠ±Ρ‰Π°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ Π½ΠΎΠ²Π°Ρ‚ΠΎΡ€ΡΠΊΡƒΡŽ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ OptimizePress — 9.0087 Π—Π°Π΄Π΅Ρ€ΠΆΠΊΠ° выполнСния Javascript.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ Π½ΠΈΠΆΠ΅ ΠΈ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ дальшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Π·Π° функция ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½Π° Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚…

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠ° выполнСния Javascript?


Π­Ρ‚Π° новая функция ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π΅Ρ‰Π΅ большС ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ вашСй страницы, особСнно Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ внСшниС скрипты ΠΈΠ»ΠΈ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Ρ‹ Π½Π° Π²Π°ΡˆΠΈΡ… страницах (ΠΈ скаТСм прямо — ΠΊΡ‚ΠΎ Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ?!)…

Π’ΠΊΡ€Π°Ρ‚Ρ†Π΅ — эта функция ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π° Π»Π΅Π½ΠΈΠ²ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π²Π°ΡˆΠΈΡ… javascripts. ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π»ΡŽΠ±Ρ‹Ρ… ΠΊΠΎΠ΄ΠΎΠ² javascript Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° послС ваш ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π½Π΅ взаимодСйствуСт со страницСй.

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ страницы Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ быстрСС, Π΄Π°ΠΆΠ΅ Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ внСшниС скрипты Π½Π° страницы, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ всС Π²Π°ΠΆΠ½Ρ‹Π΅ аналитичСскиС ΠΎΡ†Π΅Π½ΠΊΠΈ PageSpeed.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ страницы, созданной с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ OptimizePress с Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ 3 Π²Π½Π΅ΡˆΠ½ΠΈΡ… скриптов (Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ HelpScout, Google Analytics ΠΈ отслСТиваниС Improvely):

Π’ Ρ†Π΅Π»ΠΎΠΌ страница ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΎ (ΠΎΡ†Π΅Π½ΠΊΠ° A Π² GTMetrix), Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Delay Javascript Execution ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ этот ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ…

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠΉ ΠΆΠ΅ страницы, ΠΊΠΎΠ³Π΄Π° Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Π½Π° функция Β«ΠžΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ΅ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ JavascriptΒ»:

Благодаря Π½ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΌΡ‹ сократили врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΄Π²ΠΎΠ΅ β€” Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΡƒΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰Π΅ΠΉ страницСй.

Π­Ρ‚Π° функция ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚Π΅ΠΌ страницам, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ рСкомСндациям PageSpeed:

Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ JavaScript

ΠœΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ основного ΠΏΠΎΡ‚ΠΎΠΊΠ°

Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ выполнСния JavaScript

ΠžΠ±Ρ‰Π΅Π΅ врСмя Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ

ВрСмя Π΄ΠΎ интСрактивности

ΠŸΠ΅Ρ€Π²Π°Ρ отрисовка ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°

90 098 Как это Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚?

ΠŸΡ€ΠΈ Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Β«ΠžΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ JavascriptΒ» автоматичСски остановит Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ всСх Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Ρ… Π²Π°ΠΌΠΈ Π½Π° страницы javascript ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы.

Бюда входят сцСнарии, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² Ρ€Π°Π·Π΄Π΅Π» Β«Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΈ страницы» Π½Π° страницС OptimizeBuilder, ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Π΅ сцСнарии, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π½Π΅ΡˆΠ½ΠΈΡ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ ΠΊΠΎΠ΄ΠΎΠ² Β«Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ/Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°Β».

ВмСсто ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ этих сцСнариСв ΠΌΡ‹ ΠΆΠ΄Π΅ΠΌ, ΠΏΠΎΠΊΠ° ваш ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ взаимодСйствуСт со страницСй (Π΄Π°ΠΆΠ΅ просто Π½Π°Π²ΠΎΠ΄ΠΈΡ‚ курсор Π½Π° страницу), Π° Π·Π°Ρ‚Π΅ΠΌ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ сцСнарии.

Π­Ρ‚ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Π΄Π²Π° основных прСимущСства

1. НС загруТая скрипты ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ, это Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ускоряСт Π½Π°Ρ‡Π°Π»ΡŒΠ½ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страницы, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅Π΅ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

2. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ инструмСнты тСстирования скорости страницы Π½Π΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ со страницСй, это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ эти тСсты скорости Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹.

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, эта функция нСвСроятно мощная ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ PageSpeed, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ‰Π΅Π΅ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ΅ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Javascript Π½Π° своСм сайтС, ΠΌΡ‹ Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ ΠΎΡΡ‚ΠΎΡ€ΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΅ΡΡ‚ΡŒ нСсколько Π²Π΅Ρ‰Π΅ΠΉ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π½Π°Ρ‚ΡŒ:

ВлияниС Π½Π° сцСнарии отслСТивания ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ

ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с вашСй страницСй, Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ.

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

Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв ΠΌΡ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ²Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ посСтитСли ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ со страницСй, Π½ΠΎ Ссли ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ сразу ΠΆΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚ Π² своСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎΠ½ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ отслСТСн.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ сцСнарии большС Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚

Π₯отя ΠΌΡ‹ сдСлали всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эта функция Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ сцСнариями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм сайтС, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, эта функция ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠ΅ΡˆΠ°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… сцСнариСв ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Π½Π° вашСм Π²Π΅Π±-сайтС, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΡ… отобраТСния ΠΊΠΎΠ΄Π° ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы.

ΠœΡ‹ всСгда Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²Π°ΠΌ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои страницы послС Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈΠ»ΠΈ сначала Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ Π½Π° страницС, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ Π½Π° всСм сайтС.

Если Π²Ρ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ скрипт Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΡˆΡƒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ влияниС Π½Π° этот скрипт Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Delay JS…

Как ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сцСнарий


Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ использованиС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ Javascript, ΠΌΡ‹ прСдоставляСм список ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ

ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ вашСго внСшнСго сцСнария ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ имя, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΡƒΠΊΠ°ΠΆΠ΅Ρ‚Π΅, Π² список ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ, ΠΈ наша систСма остановит Π»ΡŽΠ±ΡƒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ этого скрипта с вашСй страницы (скрипт Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ).

Как Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΡƒ выполнСния Javascript


ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ Javascript доступны Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Β«ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡΒ» Π²Π½ΡƒΡ‚Ρ€ΠΈ OptimizePress.

Π§Ρ‚ΠΎΠ±Ρ‹ Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ эту Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π½Π° всСх созданных Π²Π°ΠΌΠΈ страницах OptimizeBuilder, ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π» OptimizePress > ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ нашСй ΠΏΠ°Π½Π΅Π»ΠΈ управлСния ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ.