Loading...
Anita avatar Anita 360 Точки

[Useful Info] Sublime Text - Debug на JavaScript директно в Sublime Text с помоща на Web Inspector

Ако сте фенове на Sublime Text 2 или Sublime Text 3  можете да си инсталирате Web Inspector с помоща на, който  да дебъгвате Javascript програми  директно в Sublime Text… Звучи яко нали  :)

http://sokolovstas.github.io/SublimeWebInspector/

https://www.youtube.com/watch?v=LaH_43N34Jg

Installation

Execute the following command in your Sublime Packages folder:

  • Sublime 2

git clone git://github.com/sokolovstas/SublimeWebInspector.git Web\ Inspector

  • Sublime 3

git clone git://github.com/sokolovstas/SublimeWebInspector.git -b ST3 Web\ Inspector

Feature

  • Breakpoints for project stored in user settings with absolute paths.
  • Console.
  • Debugger steps and breakpoints.
  • Stack trace.
  • You can see object properties and values in console and stack trace.

Commands

Command for controlling debugger

  • swi_debug_resume: Resume from pause
  • swi_debug_step_into: Step into debugger
  • swi_debug_step_out: Step out debugger
  • swi_debug_step_over: Step over debugger
  • swi_debug_evaluate: Evaluate selection (if paused on call frame)

Breakpoints

  • swi_debug_breakpoint: Add remove breakpoints

Page

  • swi_debug_reload: Reload connected page

Start-stop

  • swi_debug_start: Start debugger
  • swi_debug_stop: Stop debugger

Utils

  • swi_debug_start_chrome: Start Google Chrome
  • swi_show_file_mapping: Show mapping local file to url

 

 

Тагове:
16
JavaScript Fundamentals
Roumen avatar Roumen 127 Точки

Успях да го инсталирам през Package Control -> Install Package и написах Web Inspector, но нещо не мога да схвана принципа на работа, или май нещо не правя както трябва, Ctrl+Shift+R ми излиза меню с единствена опция да отвори Chrome, отваря го и после какво.. имам просто един нов прозорец, това ли е идеята?

Edit: Явно е някакъв бъг в пакета, който се инсталира от Package Control, с актуалната версия от github заработи както е показано във видеото.

6
06/11/2014 21:44:15
verito898 avatar verito898 265 Точки

Как го инсталираш с актуалната версия от github-a ? 

0
Roumen avatar Roumen 127 Точки

Изтрих пакета от Package Control, след което клонирах git branch-a в директорията за пакетите с име "Web Inspector 3", с различно име не работи, в директория различна от <потребител>\AppData\Roaming\Sublime Text 3\Packages\Web Inspector 3 пак не работи, нещо пътищата са описани грешно в самия плъгин.

6
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.