dcsimg

Vimperator: Use Firefox the Vim Way

Bring the mightiness of Vim to Firefox! If you're ready for a fully keyboard-driven browser, the Vimperator add-on for Firefox can help you do away with mouse-based drudgery and add the awesomeness of vi-like keybindings to Firefox 3.5 and later.

Want to take full keyboard control of Firefox? Tired of having to mouse around the Web? Firefox has a good set of shortcuts by default, but if you want to go completely keyboard-driven, take a look at Vim-inspired extension Vimperator.

Vimperator is an amazingly complete add-on for Firefox that gives you access to almost all of Firefox’s features from the keyboard. It takes its inspiration from the popular vi-clone Vim, so many of the keybindings will already be familiar to you if you’re a Vim user. Even if not, Vimperator provides a great way to ditch the mouse and control Firefox from the keyboard.

The Vimperator extension is available from the Mozilla Add-ons for Firefox site. It should work with current releases of Firefox, the current 2.2 release of Vimperator works with Firefox 3.5 through 3.6. Once you’ve installed Vimperator, you’ll get a bare-bones Firefox window with almost no UI elements, save the tab bar, scroll bar, and status bar at the bottom. The menus and Awesome bar? Gone. Well, not gone, actually. They’re hidden and can be restored, but let’s take Vimperator for a bit of a spin before we fall back on the mouse and menus approach.

Look Ma! No GUI! The Standard Vimperator Interface
Look Ma! No GUI! The Standard Vimperator Interface

Getting Around in Vimperator

Like Vim, Vimperator has modes. The normal mode when you’re browsing using the keyboard, the command-line mode when using Vimperator’s command line, the insert mode for working with text fields on Web sites, and finally the visual mode when you’re selecting text using the keys.

By default, you’ll be in normal mode — which is good, because if it wasn’t the default to be in normal mode then normal wouldn’t be properly named. When in normal mode, you’re using standard vi-like keys for movement and such. To help you get around more quickly, here’s a list of the keys that you’ll want to know to do about 80% of your browsing in Vimperator:

  • j – scroll down one line
  • k – scroll up one line
  • h – scroll to the left
  • l – scroll to the right
  • G – bottom of the page
  • gg – top of the page
  • Ctrl-f – scroll down one page
  • Ctrl-b – scroll up one page
  • gt – next tab
  • gT – previous tab
  • g0 – first tab
  • g$ – last tab
  • o – open URL (prompts for URL or string to be passed to default search engine)
  • t – open URL in new tab (prompts for URL)
  • T – open in new tab (shows current URL for editing)
  • :q – close tab
  • :qall or ZQ – quit Firefox without saving session
  • :xall or QQ – save session and quit Firefox
  • / string search for string on the current page
  • :help – open Vimperator’s help

As you can see, you can use the keyboard to navigate a page completely. If you want to follow a link on the page a quick way to do that is to just search for the string that’s part of the link. The standard keys will let you scroll through the page, navigate tabs, and open new pages.

Vimperator Hints: Selecting Links, Saving Images, and More

Another way to select links is to use Vimperator’s hints. You can start the QuickHint mode by typing f or F. When you type f you’ll see a bunch of yellow highlights on the page and red numbers. The yellow highlights are the link text (if any) and the red numbers are the numbers that Vimperator is associating with the link. When you enter QuickHint mode, you’ll see “Follow hint:” in the status bar. Type the number associated with the hint or part of the string that is highlighted in yellow. Vimperator will follow the link as soon as it gets enough information to determine which unique link you want to follow. The f will open it in the existing page, F will open it in a new tab. As always, if you decide you don’t want to follow a link after all, just hit Esc.

Hints Mode with Vimperator
Hints Mode with Vimperator

But wait, there’s more! Vimperator has an “extended” Hint mode that you enter by pressing the ; key. Want to save an image on a page? Type ;s and then the unique identifier for the page. Want to know more about a link before you follow it? Type ;? and then the identifier, and the link URL will be displayed in the status bar.

When Vimperator and Web Apps Clash

Keyboard-driven browsing is great, right? It’s so great, in fact, that some Web apps already have their own keyboard shortcuts which happen to not play very well with Vimperator. While Vimperator is a great tool on 98% of the Web sites I browse, it’s an enormous hassle to lose the shortcuts for GMail and Google Reader when using Vimperator.

The good news is, you don’t have to lose them, because the Vimperator folks thought of that. Vimperator has a pass-through mode so that all keystrokes (except Esc) are sent to the site normally. To set pass-through mode, just type Ctrl-z and you’ll see a big “– PASS THROUGH –” in the status bar.

While Vimperator is in this mode, you can interact with your Web app normally. When you’re ready to turn off pass-through mode, just hit Esc and you’ll be returned to full keyboard-driven glory.

History and Bookmarks

To view the browser history, just type :history which will show you the full Firefox history. To move back one in the history, use Ctrl-o or H and to move forward in your browser history, use Ctrl-i or L. Just like Vim, you can add a “count” to the command as well — so if you want to go back two pages, just use 2H or to go forward three pages you can use 3L.

Naturally, bookmarks are also keyboard-driven. To add a new bookmark, just type A. This will add a new bookmark for the current page. Or you can remove a bookmark for the page by hitting A again. This is similar to just using the star in the Awesome bar with standard Firefox.

But standard bookmarks are a bit slow. Fans of Speed Dial in other browsers will love Vimperator’s QuickMarks feature. Vimperator gives you 62 spaces (a through z, A through Z, and 0 through 9) to set QuickMarks that you can get with just a few keystrokes. Here’s how it works: To set a QuickMark, type M followed by an letter or number (0 through 9 only, QuickMarks doesn’t do double digits). For instance, if you wanted to assign Linux-Mag.com to the letter L while you were on the page, type ML.

To go to that bookmark, type:

goL

Another way to set a QuickMark is to use :qmark and pass the URL or URLs manually. So if you wanted to assign several pages to a QuickMark, you could use:

:qmark a http://www.linux-mag.com/, http://lwn.net/, http://news.google.com/

Once that’s set, running “goa” will open each site in a new tab. This can be really handy if you have a group of tabs that you use on a regular basis.

One note on Vimperator bookmarks: Using QuickMarks is pretty speedy, but accessing a large number of bookmarks using Vimperator can be a bit laggy. If you have tons of bookmarks (as I do), calling :bmarks with no arguments will take quite a while for Vimperator to pull up.

Return to Normal

If you need to get back to a regular session with Firefox, you can re-enable all the standard GUI goodness by running one quick command:

:set go+=mTB

Once you hit Enter, you’ll see that you now have all your standard menus. When you’re ready to go back to Vimperator’s standard GUI-less mode, use this:

:set go=

That can be useful if you need to get to a menu item quickly, especially for menu items created by other extensions. Note that you can get to most of Firefox’s dialogs and such using the :dialog command. So if you need to get to the downloads dialog, use :dialog downloads, if you need to see the GUI history dialog, use :dialog history. See all the available dialogs by going to :help dialog in Vimperator’s expansive documentation.

:wq

This is by no means a complete guide to Vimperator, but should be enough to get you started. Vimperator is much like Vim: you really have to stick with it to get the full force and effect of the tool. If you’re not familiar with Vim or vi-like keybindings, Vimperator might be a bit frustrating at first. It might seem like you can’t do everything with Vimperator that you can do with a mouse. For the most part, though, you can — it just takes a bit of patience and going through the Vimperator help, which is amazingly complete. If you use Firefox a lot, it should only take a few days before you start building the muscle memory to use the keyboard instead of the mouse in most cases.

Of course, nothing stops you from using the mouse with Vimperator. You can still click links, use the context menu, and so forth. It’s just not as much fun as using the keyboard!

Comments on "Vimperator: Use Firefox the Vim Way"

dragonwisard

*cough* http://uzbl.org *cough*

Reply
scathew

Next up – Emacs-erator.

Really it\’s those guys who are crazy enough to drive a browser strictly through the keyboard!

Reply
archtop

Please somebody tell me that this is a reprint of an Onion article. Why on earth would someone want to go back to the bad old days of vi? And to spend time building an app to make things work like they did 20 years ago? If you have that much free time on your hands, you should be doing volunteer work to help people in your or other communities.

Reply
rbanavara

dragonwisard said:

*cough* http://uzbl.org *cough*
– exactly this is waht came to my mind when I saw this post, came to know of UZBL recently and it looks to good.

Reply
michaelshiloh

Vi rocks! Vimperator rocks! Thanks for updating Vimperator to work with Firefox 3.6.

I work so much more efficiently when my fingers don\’t have to leave the keyboard. Thank you, Vimperator!

Reply
lvidarte

Vimperator is a really good tool for me because I work more efficiently when my hands hasn\’t to leave the keyboard. By the way I love the vim mode and I try to use it always that I can (like in shell: set keymap vi). I find it very powerful moving around text using h,j,k,l keys. Another interesting plugin is \”It\’s All Text!\” to edit text in html forms with an external editor.

Reply
kasmra

No need for \”It\’s All Text!\”, just do Ctrl-i when inside text field. Lo and behold, an external editor pops up for you to type your text in. The default is Gvim, but you can change it to anything you want.

See :h \’editor in Vimperator.

Reply
lumix

In my opinion, this new add-on is a great asset while using Firefox. I always prefer to use keyboard instead of mouse, but I was not able to use certain features in Firefox without a mouse and that is when I stumble upon this blog. After learning about Vimperator, I installed the add-on to my Firefox 3.5. The shortcuts are working wonders for me. I do online jobs and require a lot of research. With Vimpertor add-on, I am able to do my job very much faster and efficiently. Regards
Shane
cyber defender

Reply
lukknapen

i am using vimperator for about 2 years now
it is great

Reply

    Vimperator??????????????????????????????????????????????????????????????????????????????????????????Scrapbook ? Zotero ????????????????????1.Vimperator ????????????????????????????????2.???“????????”?????????? Easy Drag and Go?Vimperator ?????????????????????????????????- -????????????? Easy Drag and Go ???????????3.Vimperator?????????????????????????? crhmoe ????????????????????? ?[] ??:??? 16th, 2010 at 11:18 ??1.?vim??……2.???????????????????3.???zotero+vimperator?????[]abvabv ??:??? 16th, 2010 at 12:17 ??????????????vimp???????????????????????????????vimp??????????????????????????????????????????????????vimp?????????????????+???????????????????????[] ??:??? 16th, 2010 at 11:54 ???????????????????????????????????+?????????????????????????????????????????????????????????????????????????????????????????????????????????????Vim??????????? ??:??? 16th, 2010 at 11:34 ???????? Vim ???????????? vim ? vimp ???????????????????????????????????????? wiki ?? vimp ???????????????????????????????????????????????????????????????·[]alan ??:??? 25th, 2010 at 3:36 ??easy dragtogo?????????????firefox???????firegesture?mousegesture?all in one gesture???????????????[]

    Reply

Vim is obscure???That is laughable…It’s amazing how people think of vim as an ancient software – as if code rusts!
I no longer think of vim as a text editor, rather as an interface language that drives interaction with text objects-hence should not just be restricted to text editors alone, but used as a universal interface to drive browsers,email clients,etc

Reply

Thanks for some other informative web site. The place else may just I am getting that kind of info written in such an ideal manner? I have a undertaking that I am just now running on, and I’ve been at the glance out for such information.

Reply

Good post. I learn something totally new and challenging
on sites I stumbleupon everyday. It will always be useful to read
content from other authors and use something from other web sites.

My blog post – Eli’s Power washing

Reply

Hmm it looks like your blog ate my first comment (it was extremely long) so I guess I’ll just
sum it up what I had written and say, I’m thoroughly enjoying your blog.
I as well am an aspiring blog blogger but I’m still new to everything.
Do you have any points for newbie blog writers? I’d really appreciate it.

Stop by my blog … pressure washing in ct

Reply

Thank you for sharing superb informations. Your site is so cool. I’m impressed by the details that you’ve on this website. It reveals how nicely you perceive this subject. Bookmarked this website page, will come back for more articles. You, my pal, ROCK! I found just the info I already searched everywhere and just couldn’t come across. What a perfect web site.

Reply

I’m still learning from you, as I’m trying to reach my goals. I definitely enjoy reading all that is posted on your website.Keep the information coming. I enjoyed it!

Reply

I’m usually to running a blog and i actually respect your content. The article has actually peaks my interest. I’m going to bookmark your web site and keep checking for new information.

Reply

We prefer to honor many other world wide web sites on the net, even though they aren?t linked to us, by linking to them. Below are some webpages worth checking out.

Reply

I do believe all the ideas you’ve introduced to your post. They’re really convincing and can definitely work. Nonetheless, the posts are very quick for novices. May you please lengthen them a little from subsequent time? Thank you for the post.

Reply

Hi, I think your site might be having browser compatibility issues. When I look at your website in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, fantastic blog!

Reply

This is just the quality of writing I like to read. I like how well this has obviously been researched. The main points are tangible, interesting and well thought out. This is really good reading.

Reply

I’m really impressed with your writing skills as well as with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the excellent quality writing, it’s rare to see a nice blog like this one these days..

Reply

Please visit the internet sites we follow, which includes this one, as it represents our picks through the web.

Reply

I just couldn’t depart your web site before suggesting that I extremely lovedthe usual info a person provide for your visitors?Is gonna be back often to check up on new posts

Reply

Every the moment inside a although we opt for blogs that we read. Listed below are the newest web sites that we choose.

Reply

Here is a good Weblog You might Discover Intriguing that we encourage you to visit.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>