Home Download Buy Blog Forum Support

Web Inspector for Sublime Text

Web Inspector for Sublime Text

Postby sokolov_stas on Sun Jan 27, 2013 9:11 pm

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:
Image

See all console messages with level:
Image

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

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

And command palette:
Image

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.
Last edited by sokolov_stas on Tue Feb 26, 2013 1:09 pm, edited 7 times in total.
sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Sublime Web Inspector

Postby sokolov_stas on Mon Jan 28, 2013 7:40 am

Add key binding:
ctrl+shif+r

on mac:
super+shift+r

Fixed startup bug! make git pull!
sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Sublime Web Inspector

Postby sokolov_stas on Mon Jan 28, 2013 8:06 am

Fixed windows path issue when adding breakpoint
Fixed scroll problem on windows
sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Sublime Web Inspector

Postby sokolov_stas on Mon Jan 28, 2013 8:38 am

sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Web Inspector for Sublime Text

Postby senzo on Mon Jan 28, 2013 10:09 am

Wow, can't wait to test this.
senzo
 
Posts: 106
Joined: Tue May 24, 2011 9:17 am

Re: Web Inspector for Sublime Text

Postby sublimator on Tue Jan 29, 2013 7:05 am

Thanks a lot for this :)
It is better to remain silent and be thought a fool, than to speak out and remove all doubt
sublimator
 
Posts: 648
Joined: Thu Mar 20, 2008 5:41 am

Re: Web Inspector for Sublime Text

Postby sokolov_stas on Tue Jan 29, 2013 9:17 pm

Fixed some bugs and hangs on selection_modified
Added debugger buttons:
Image
sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Web Inspector for Sublime Text

Postby sokolov_stas on Thu Feb 07, 2013 1:40 pm

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
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Web Inspector for Sublime Text

Postby sokolov_stas on Thu Feb 14, 2013 5:17 am

Added reload script inside plugin. Now without any external scripts css reloads without page refresh.
sokolov_stas
 
Posts: 11
Joined: Sun Jan 27, 2013 8:47 pm

Re: Web Inspector for Sublime Text

Postby someone on Sun Feb 24, 2013 4:26 pm

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.
someone
 
Posts: 1
Joined: Sun Feb 24, 2013 4:23 pm

Next

Return to Plugin Announcements

Who is online

Users browsing this forum: No registered users and 1 guest