Web Inspector for Sublime Text

[sokolov_stas]

Introduce you Web Inspector
http://sokolovstas.github.com/SublimeWebInspector

This is a small part of Google Chrome Developer Tools right on your fingertips. It allow you to debug JavaScript directly from Sublime Text 2.

Installation:
Use package manger and install "Web Inspector"

You can set and remove breakpoints right in the editor:


See all console messages with level:


Click on name:line region bring you right to file and line, and if you click on { ... } you can see object properties:


On breakpoints you can see a stack and all variables (local, global, closure):


And command palette:


Feel free to feedback here! If you find bug please add issue on github.

And BONUS! On file save current debug session will clean cache and reload page. If you save css file only styles will be reloaded.

[sokolov_stas]

Add key binding:
ctrl+shif+r

on mac:
super+shift+r

Fixed startup bug! make git pull!

[sokolov_stas]

Fixed windows path issue when adding breakpoint
Fixed scroll problem on windows

[sokolov_stas]

• Tested on Windows
• Name changed to Web Inspector
• Added to Package manager https://github.com/wbond/package_contro ... /pull/1021

[senzo]

Wow, can't wait to test this.

[castles_made_of_sand]

Thanks a lot for this

[sokolov_stas]

Fixed some bugs and hangs on selection_modified
Added debugger buttons:

[sokolov_stas]

Added Quick Install

paste this in console:

Code: Select all

import urllib2,os; pf='Web Inspector.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://redtreestudio.ru/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

[sokolov_stas]

Added reload script inside plugin. Now without any external scripts css reloads without page refresh.

[someone]

Hey this looks great, but when I try to start the Web Inspector plugin within Sublime Text I'm getting the following error:

ERROR:gpu_info_collector_win.cc(91)] Can't retrieve a valid WinSAT assessment.

Is there any additional setup? I'm using Windows 7 in case that matters.