Sublime Forum

Web Inspector for Sublime Text

#1

[size=200]Introduce you Web Inspector[/size]
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.

[size=150]Installation:[/size]
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.

[size=150]And BONUS! On file save current debug session will clean cache and reload page. If you save css file only styles will be reloaded.[/size]

0 Likes

#2

Add key binding:
ctrl+shif+r

on mac:
super+shift+r

Fixed startup bug! make git pull!

0 Likes

#3

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

0 Likes

#4

]Tested on Windows/]
]Name changed to Web Inspector/]
]Added to Package manager github.com/wbond/package_contro ā€¦ /pull/1021/]

0 Likes

#5

Wow, canā€™t wait to test this.

0 Likes

#6

Thanks a lot for this :smile:

0 Likes

#7

Fixed some bugs and hangs on selection_modified
Added debugger buttons:

0 Likes

#8

Added Quick Install

paste this in console:

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')
0 Likes

#9

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

0 Likes

#10

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.

0 Likes

#11

I think no. We tested on windows 8 and all works fine. Try to close google chrome and start again maybe.
Please create issue on github: github.com/sokolovstas/SublimeW ā€¦ tor/issues

0 Likes

#12

[quote=ā€œ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.[/quote]

I am getting a similar error:
ERROR:gpu_info_collector_win.cc(142)

Any help?

0 Likes

#13

Hey guys, Go to: C:\Documents and Settings\user(yourname)\Local Settings\Application Data\Google\Chrome\Application. In that folder you will see the Google Chrome icon. Right click on it and choose the ā€˜Propertiesā€™ option. In there, find the 'Compatibility option tab. The Toolbar contains the options. In the ā€˜Compatibilityā€™ window, find ā€œInput Settingsā€. Unclick the "Turn off advanced text services for this programā€ option. This will do the trick!


hotbuns-reviews.com

0 Likes