Sublime Text 2 Web Inspector

http://sokolovstas.github.com/SublimeWebInspector/

by DanielRibeiro • 13 years ago

282 96 13 years ago

sokolovstas.github.com

harlanlewis• 13 years ago

The good stuff starts around 3:20.

vxNsr• 13 years ago

Thanks, came here looking for this.

I know some people are camera shy on the web, but it would be nice if the video was zoomed to the mouse or cursor just so we could actually make out what was going on.

eogas• 13 years ago

This is pretty damn cool, but I can't help but notice that the UI seems to be severely limited by Sublime's API.

hcarvalhoalves• 13 years ago

Yes, feels like reinventing the wheel. A way to set breakpoints on editor would suffice, really.

shurcooL2• 13 years ago

This is why I tried creating my own simple "text editor" within my experimenta live IDE, so that I would not be limited by anyone's API or closed source and could create something more unusual.

Is it a better approach? It's really hard to say, and definitely not obvious. I had to re-create a lot of existing functionality just so that I could more easily modify it. And clearly I cannot compete with the advanced functionality of a dedicated modern text editor.

So far it hasn't led to me anything beyond what one could've probably achieved by hooking things up to an existing API, as demonstrated by this project (perhaps aside from live editing on a type-a-character level rather than on-save level), but I'm keeping my eyes open. Perhaps I'll get lucky and come up with something that wouldn't have been possible otherwise. That was my motivation.

zevyoura2• 13 years ago

Have you thought of building on top of a library like CodeMirror (which Light Table is built on)?'

edit: ST2 -> Light Table

coldtea4• 13 years ago

>This is why I tried creating my own simple "text editor" within my experimenta live IDE, so that I would not be limited by anyone's API or closed source and could create something more unusual.

Which is self defeating. By not being limited by ST's (or anyone's) API, you are limited by your own capabilities and time. You now have to right the editor AND the extra stuff.

As such you have, what you say a "simple text editor".

MJR• 13 years ago

That looks very interesting, but typing several lines of text rather than speaking them is painful to sit through. I would suggest turning off the music next time and just tell people what it is and how it works.

teamonkey2• 13 years ago

Or skip the screencast altogether and just write step-by-step instructions.

nobleach• 13 years ago

At least mention what the default hotkeys are, and what will/should happen when you hit them. On Linux, after hitting CTRL+SHIFT+R, I just get the option to launch Chrome. I come back and hit CTRL+SHIFT+R again, and it's the same option.

cpleppert• 13 years ago

I don't think english is his native language… At least there was a screencast showing off the features

skeletonjelly• 13 years ago

From the demo code: $scope.Russia = true

I'm guessing Russian

Inufu• 13 years ago

I actually like the typing - I can watch the video without having to turn sound on. (the reason why I hate screencasts normally). Makes it much easier to watch on the train or during a lecture.

If only the typing was a bit faster, it would be perfect.

mrharrison• 13 years ago

I liked the video presentation and the music. Thought it was quite nice. Thought what was going on was very clear.

8ig85• 13 years ago

Not to take away from the package, but I'm somewhat surprised that someone who invested significant work into this is running an unregistered version of ST.

milkshakes7• 13 years ago

why are you surprised by this? we don't all have $70 lying around

8ig85• 13 years ago

I'm surprised because someone who has committed this much time to developing an extension is arguably beyond the evaluation phase.

> Sublime Text 2 may be downloaded and evaluated for free, however a license must be purchased for continued use.

melling3• 13 years ago

$70 isn't a lot of money. Is it an hour of your time? Maybe two? If people don't want to pay that's fine, use one of the great open source editors. Saying you don't have the money doesn't make it ok to violate the license. rms works hard to give you emacs for free. The Sublime guys are trying to earn a living.

jamespo2• 13 years ago

I'm surprised because if you have the ability to create something like this you'd think they'd be able to monetize those skills.

Having said that maybe he/she should be given a free license.

sokolovstas6• 13 years ago

Some day I will buy it :) but I must know that when I bought it I would have all that I need %)

zenocon3• 13 years ago

It looks like a great start. I don't think it will yet pull me away from a dual monitor with ST2 + Chrome Inspector + Live Reload, but if it is further polished I think it could.

Kiro2• 13 years ago

Live Reload?

kaichanvong2• 13 years ago

http://livereload.com/

I'm presuming you're lazy to use Google or don't know what Live Reload is because you have not articulated your question very well.

38leinad• 13 years ago

Note that this is more then reloading the web-page. It actually seems to be doing hot code-replacement on the fly. I only know this from Java in the debug mode or JRebel. Having this work for Javascript will be really neat... I am feeling more and more confident that my move away from Webstorm to ST2 was the right one...

zenocon3• 13 years ago

Like I said, it's a great start, but Chrome Inspector still does a lot more (right now), and I'm more apt to stay there -- but this is inspiring, and if it gets closer to feature parity with C.I. -- well it will be a no-brainer then, and I'd happily pay for it, too.

antihero2• 13 years ago

Live Reload appears to be OSX only, and this looks much more simple to setup than Guard-livereload.

trumbitta2• 13 years ago

I use sublime 2 + live reload on linux all the time

zenocon3• 13 years ago

There are many different incarnations of "live reload"; it is definitely not OSX only. The concept is simple - refresh the front-end / back-end when and edit or save occurs.

matthewnolandev• 13 years ago

I think this is brilliant. This could change the way I work. Great work, thanks!

suyash• 13 years ago

I'm totally fine with debugging on browser, with live edits, I don't see a need for sublime text inspector.

digitalmaster• 13 years ago

agreed

Xyzodiac• 13 years ago

This looks rather nifty, anyone know if there's anything comparable for Emacs?

julian37• 13 years ago

Kite, though it's not ready for production yet:

https://github.com/jscheid/kite

smrtinsert• 13 years ago

This is pretty nice, but the live reload package and existing browser debugging tools appear to still be more productive.

vaidabhishek• 13 years ago

I've been wanting such a feature for many years. SB2 is turning out into next big editor. I wonder when will they put command line navigation like ViM and Emacs into it.

mlisbit• 13 years ago

Just the other day, I spent a good couple hours looking for good Linux web development tools. Something that mocked Brackets - this is exactly that. Only thing missing is a quick edit CSS feature, that would drop down the styling for a selected tag.

benaiah• 13 years ago

This is incredible. I was particularly happy when I noticed Chrome filepaths for Mac, Linux, and Windows - some of the more powerful Sublime plugins (looking at you, LiveReload and that really powerful Markdown plugin) were developed by Mac guys who didn't bother porting them to Windows.

Not that I'm angry at the aforementioned Mac guys (it's not like they're getting paid to make me free stuff) but it's nice to see someone go the extra mile.

antihero2• 13 years ago

The linux path is the same as the Mac one, which is pretty lol. It's /usr/bin/google-chrome on most systems I think.

Narretz• 13 years ago

Looks like a very cool tool. Live reload alone should speed up development quite a bit, or at least remove some of the annoying wait between changing code and seeing the result.

Unrelated: Ah, Sublime Linter, you are always making ST unresponsible. Clicking away the message has almost become part of my workflow. I should probably just disable the warning, though.

jbrooksuk• 13 years ago

I was hoping for ST3 support, but since the author is running ST2 Unregistered, that's not going to happen soon. Oh well.

donum• 13 years ago

You could just donate him a licence.

sokolovstas6• 13 years ago

Yap :) just donate me some bucks for my work. I will buy ST3 when it will be released.

talloaktrees• 13 years ago

Sublime Text 2 has been really slow for me on Ubuntu for a few months. I haven't been able to fix it or even google anything about it. So sad.

bliker• 13 years ago

I just recently found that if you put

  debugger;

in JS, it will trigger a breakpoint. Very handy

est• 13 years ago

I hope this also works for Chrome Remote debugging

https://developers.google.com/chrome-developer-tools/docs/re...

Sublime Text 2 Web Inspector

Related Stories