Sublime Web Inspector: Debug JavaScript in Sublime

#1

Post by suprgeek » Sun, Aug 03, 2014, 4:18 AM UTC

Sublime Web Inspector: Debug JavaScript in Sublime
github.com

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#2

Post by mattkrea » Sun, Aug 03, 2014, 4:33 AM UTC

Definitely going to be giving this a shot immediately.

This looks incredible.

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#3

Post by jastanton » Sun, Aug 03, 2014, 6:14 AM UTC

Seems like something like this would be a really good fit inside of Atom.io (Github's webkit based editor), it could be done probably a lot more seamless as well. This looks like they got very lucky with some of the features they were able to cram in :P, clickable buttons for instance.

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#4

Post by jsmeaton » Sun, Aug 03, 2014, 6:46 AM UTC

jastanton wrote: post #3

Seems like something like this would be a really good fit inside of Atom.io (Github's webkit based editor), it could be done probably a lot more seamless as well. This looks like they got very lucky with some of the features they were able to cram in :P, clickable buttons for instance.

I finally installed atom last week expecting that it'd be able to render the site you were working on in-line, and react to save events. I was somewhat disappointed. There's an inbuilt markdown renderer - I don't think it'll take too long for someone to build it (unless it's already there and I missed it).

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#5

Post by avel » Sun, Aug 03, 2014, 7:45 AM UTC

jastanton wrote: post #3

Seems like something like this would be a really good fit inside of Atom.io (Github's webkit based editor), it could be done probably a lot more seamless as well. This looks like they got very lucky with some of the features they were able to cram in :P, clickable buttons for instance.

It's probably worth it to take a look at brackets (http://brackets.io) as well; it has a lot of potential for seamless js debugging.

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#6

Post by Shizka » Sun, Aug 03, 2014, 7:59 AM UTC

This looks rather useful. It even seems to be working with a remote server! However from the issues it seems like this plugin is not being actively maintained :/

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#7

Post by wydyl » Sun, Aug 03, 2014, 9:15 AM UTC

This is great stuff

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#8

Post by charlesism » Sun, Aug 03, 2014, 9:50 AM UTC

If you're on a Mac and don't need to interact with the DOM, you always use Safari's SquirrelFish:

http://stackoverflow.com/a/18751978

I mention it in case someone finds it useful, I'm not implying that it provides the same feature set as this GitHub project.

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#9

Post by Kiro » Sun, Aug 03, 2014, 11:42 AM UTC

How does this work when you concat and minify your stuff on save?

Re: Sublime Web Inspector: Debug JavaScript in Sublime

#10

Post by notduncansmith » Sun, Aug 03, 2014, 5:04 PM UTC

Kiro wrote: post #9

How does this work when you concat and minify your stuff on save?

I haven't tried, but life is better if you don't minify on save. I assume you're using Grunt or Gulp; make a "build" task and use that for minifying. Your preprocessing time will go down, and that means getting your changes into the browser faster. Feels better than having to pause before hitting refresh, or worse, having to refresh twice.