TextMate-like ⌘T & ⇧⌘T in Chrome Dev Tools & Other New Features27 Feb 2012
For the past year or so I’ve used Google Chrome Canary as my primary web browser, however, about a month ago I temporarily switched to the stable build of Chrome because of some instability in the dev tools. I just recently switched back to Canary and was pleasantly surprised to see numerous new features in the dev tools there were very welcome indeed!
This post only covers the extreme latest in Chrome Dev Tools. There are so many more rich features that can be found. If you are interested about more helpful features you might be interested in a post I did last year entitled 7 Chrome Tips Developers & Designers May Not Know
If you are not familiar with the Canary build of Chrome, it is a extremely dev version of the browser. You should be cautious because it does update almost every day, but at the same time you get first in line to see all the new features. Unlike the dev or beta builds of Chrome you can actually install Canary side-by-side next to your Stable or Beta build of Chrome. This makes switching between versions very convenient.
The features I am about to describe are currently only available in the dev or canary builds of Chrome. If you have the Beta or Stable builds then you will not see these yet, but hopefully they’ll make their way to those builds sooner than later. At least this will wet your appetite ;)
In addition, you can also choose to dock the Scripts Explorer to the left side of the dev tools (by clicking the little icon in the upper right) or have it auto-close when you are done finding what you need.
TextMate's ⌘T "Go to File" Feature
TextMate's ⇧⌘T "Go to Symbol" Feature
Now, if the “Go to Script” feature wasn’t enough, there is also the “Go to Function”, which is similar to the “Go to Symbol” feature of TextMate using ⇧⌘T or ⌘R in Sublime Text 2.
Dock Dev Tools to the Right
The last feature that stood out to me as really cool, was the new setting to “Dock to right”. Many people these days have a wide-screen monitor and having the dev tools docked at the bottom of the screen sometimes feels a little scrunched. If I have my browser maximized there is usually tons of room to the left or right of the website I am viewing.
Thankfully, with this new feature I can now choose to dock the dev tool to the right of my screen to give some breathing room for development!
Note: I undrestand some like to undock the dev tools to solve this issue, but I usually tend to like keeping them docked so this new feature is very handy for me.
In order to turn on this feature, you’ll need to go into the Settings dialog. You can access this by clicking on the gear icon located at the bottom right of your dev tools. Once the dialog has been launched you should see a General section with the “Doc to right” option listed.
If you have Chrome Canary then you can start using the above features right way, otherwise they should make it in a Beta or Stable build in the near future.