關於vim化瀏覽器

緣起

最近,一直在加強自己VIM的相關的知識,以前的僅僅停留在簡單配置能用的階段,現在開始探索一些高級的功能,安裝一些插件。在搜索vim相關資料的時候,firefoxchrome都有vim化的插件,就都安裝了一下。

正文

1. Vimium

Vimium是一個Chrome的插件,可以在googleweb app store中搜索並安裝。Vimium可使chrome脫離鼠標,讓網頁瀏覽更高效,在簡單的熟悉後的確感覺高效了很多,手再也不用離開鍵盤了。

例如yy直接可以將網址複製,yf可以指定複製頁面中的連接,T可以在已經打開的標籤中迅速定位到所需要找的那個,/在本頁面中快速定位到所需找的單詞,x直接關閉當前頁面,HL可以後退和前進。

?:顯示命令幫助,記不得就按這個符號,彈出的窗口如下:


  • j, <c-e> : 向下移動 Scroll down
  • k, <c-y> : 向上移動Scroll upi
  • h : 左移 Scroll left
  • l : 右移 Scroll right
  • H:回到上一個歷史頁面
  • L:回到下一個歷史頁面
  • J:跳到左邊標籤頁
  • K:跳到右邊標籤頁
  • t:創建新的標籤頁(ctrl+t
  • x:關閉當前標籤頁
  • X:恢復關閉的標籤頁
  • gg : 移到頁面頂部 Scroll to the top of the page
  • G : 移到頁面底部 Scroll to the bottom of the page
  • zH : Scroll all the way to the left
  • zL : Scroll all the way to the right
  • d : 向下移動一個頁面 Scroll a page down
  • u : 向上移動一個頁面 Scroll a page up
  • r : 刷新 Reload the page
  • gs : 查看網頁源碼 View page source
  • yy : copy當前頁面url Copy the current URL to the clipboard
  • yf : 拷貝當前頁面的連接到剪切板 Copy a link URL to the clipboard
  • p : 在當前標籤頁中打開剪切板中的鏈接 Open the clipboard's URL in the current tab
  • P : 在新的標籤頁中打開剪切板中的鏈接Open the clipboard's URL in a new tab
  • gu : Go up the URL hierarchy(例如,URLhttp://blog.net/article/8021689 ,按下gu後,轉到http://blog.net/article/,具體的翻譯想不到好對應的名詞)
  • gU : Go to root of current URL hierarchy (類似gu,回到根URL http://blog.net)
  • i : 進入輸入模式 Enter insert mode (不知有何用處,難道是直接調試html代碼)
  • gi : 聚焦頁面上的第一個(或第n個)文本框Focus the first (or n-th) text box on the page
  • f : 在當前標籤頁中打開鏈接 Open a link in the current tab
  • F : 在新標籤頁中打開鏈接 Open a link in a new tab
  • <a-f> : 在新標籤頁中打開鏈接Open multiple links in a new tab
  • o : 在當前頁面中打開URL,書籤和歷史記錄 Open URL, bookmark, or history entry
  • O : 在新標籤頁中打開URL,書籤和歷史記錄Open URL, bookmark, history entry, in a new tab
  • T : 搜索打開的標籤頁 Search through your open tabs
  • b : 打開書籤 Open a bookmark
  • B : 在新標籤中打開書籤 Open a bookmark in a new tab
  • /:查找(ctrl+f
  • m : Create a new mark (試了一下,沒管用)
  • esc:退出

上面的這幾個命令(OoTBb)可以通過Esc鍵來退出這些模式。下面的這命令就比較偏僻了,大概屬於高級命令,我

  • [[ : Follow the link labeled previous or <
  • ]] : Follow the link labeled next or >
  • gf : Cycle forward to the next frame on the page
  • ` : Go to a mark

一些別人常用的Chrome插件,標記一下,用空試用試用。

2. Vimperator

Firefox下也有viminum的插件,不過Vimperator更假強大。Vimperator是讓Firefox擁有vim的模式進而可以純鍵盤操作插件。其官方站點爲:http://vimperator.mozdev.net/,可在Firefox的擴展中搜索並安裝。Vimperator爲喜歡使用鍵盤的用戶提供了類似於Vim的用戶界面,這裏可以對比着之前的viminum

2.1. 安裝

前置條件:firefox 28 Ubuntu 12.04LTS 

步驟,在Tools->Add-ons->Get Add-ons中輸入Vimperator,可以看到Vimperator以及相應的中文幫助插件,當前Vimperator版本是3.8.2,中文幫助貌似安裝沒起作用。而2010-02-18時,Vimperator的版本爲v2.2firefox當時纔是版本44年後,firefox突飛猛進到版本28了,新的30版本也快發佈了。

2.2. Hint模式 (Vimperator hint mode)

Vimperatorhints允許用戶實現通常需要鼠標來完成的動作。在此模式中,所有能被點擊的網頁元素會被編號(採用數字編號),用戶可以通過輸入編號或者鏈接中的文字來選擇。一旦元素被選擇,就會執行一個操作(如點擊、選擇、複製鏈接地址等)。

  • l f(F) 進入hints模式,這時頁面上的鏈接旁邊會出現快捷鍵提示(例如 HK),輸入hk將打開這個鏈接;輸入HK將強制在新tab打開鏈接。
  • l h,j,k,l 這個熟悉vi的都不用介紹了,導航鍵
  • l H,L 前進後退鍵
  • l Ctrl+n 下一個tab
  • l Ctrl+p 上一個tab
  • l Ctrl+6 前後兩個tab切換
  • l o url 在當前tab打開url
  • l o 關鍵字 用瀏覽器的缺省搜索引擎搜索關鍵字(用當前tab
  • l t url 在新tab打開url
  • l t 關鍵字 用瀏覽器的缺省搜索引擎搜索關鍵字(用新tab
  • l / 在當前頁面搜索,類似ctrl+f
  • l d 關閉當前tab
  • l u 恢復上一次關閉的頁面
  • l zi 頁面放大
  • l zo 頁面縮小
  • l zz 恢復頁面大小
  • l gf:查看頁面源代碼

2.3. 命令行

Vimperator的大多數功能通過窗口底部類似Vim的命令行來完成。像在Vim中一樣,所有的命令以“:”開始。當用戶輸入 “:”Vimperator就進入命令行模式。常用的命令如下

n :help [主題] – 提供與[主題]相關的幫助

n :open [地址] – 在當前標籤打開[地址],地址可以是文件、書籤的關鍵字、或者用搜索引擎搜索。

n :back 和 :forward – 根據歷史記錄後退和前進。

n :bmark [地址] – 創建書籤。

n :echo [表達式] – JavaScript的形式運算[表達式]並顯示結果。

n :set[!] … – 顯示或修改VimperatorFirefox的設置。

n :map – 創建、修改鍵盤快捷鍵

2.4. 可視模式

vimperator的可視模式,就是按i進入,然後可以用h k l j 等進行位置的確定.然後可以進行特定段落的複製等操作.
具體的鍵盤操作可以參看幫助就是按F1或者在命令行下輸入:help

小技巧:

n Vimperator默認是沒有工具欄和菜單的,作者覺得這是爲了與Vim保持一致,但是這個默認設置其實對很多人來說是很不方便的(例如沒有google搜索框),開啓方法是輸入:set guioptions=mTm表示menu(菜單),T表示Toolbar(工具欄)。如果需要顯示狀態欄的話,加入s就可以了(:set guioptions=msT)。另外,書籤欄是b

n 關掉討厭的嗶嗶聲,:set nobeep

n 暫停使用Vimperator功能。有的時候Vimperator的快捷鍵會與網頁衝突,你不得不暫時停止Vimperator快捷鍵的使用,那就輸入 鍵。按ESC鍵回到Vimperator模式。

n 在vimperatorhint模式中可以通過拼音首字母過濾中文鏈接.例如希望打開鏈接論壇,可以在vimperatorf/F進入hint模式,然後輸入lt(拼音 l un tan),便會過濾出論壇以及其他類似內容。

2.5. Vimperator提高

方法0,多看看Vimperator的幫助,可以如果覺得困難可以參考其中文的幫助,中文幫助的插件一直沒有安裝成功,這裏提供一個關於Vimperator 2.0中文幫助的html文檔的zip包:http://pan.baidu.com/s/1dDGJcSL

方法1.訂閱新聞組

[email protected] 這個是英語的.裏面好東西不少,作者經常和用戶進行交流,有什麼疑問可以到這裏提問.

方法2.觀注幾個博客

http://luoxiqofy.blogbus.com/ 這裏主要是vimperator的腳本使用和配色問題.

裏面有幾個文章,非常詳細地介紹到了怎麼把hints從數字替換成漢語拼音的方式.

玩酷的vimperator教程

Vimperator —— 用鍵盤暢遊網絡

vimperator的最新版本在google code

http://code.google.com/p/vimperator-labs/downloads/list

vimperator也是支持插件的

http://code.google.com/p/vimperator-labs/issues/list

當然也是有主題的

http://code.google.com/p/vimperator-labs/issues/list?can=2&q=label:project-vimperator+label:type-colorscheme

Pentadactyl/VimperatorVIM化的Firefox

後記

原本在看到VIMFirefox(挺有意思的,吐槽chromefirefox迷)的時候,想嘗試一下firefoxchromeVIM擴展,就裝了一下,嘗試了一下全鍵盤操作的瀏覽器,確實很不錯。自己在用很多軟件的時候,滾動頁面時,習慣性按j;保存的時候,總是習慣性的按Esc,大概是vim用多了。

看到別人轉載的時候,不註明引用源,簡單的現象下揭示一個潛在的事實:對版權的漠視和對知識的不尊重。

本來想來個轉載之轉載的,想了想,還是用VIM化瀏覽器將VimperatorVimiumn合併在一起來說,驗證並更新一些文件的鏈接是一件挺無聊的事情。

在Firefox中使用Vimperator的若干天后,發現有點不太穩定,也是不知道是Firefox的問題還是Vimperator的問題,換到Pentadactyl過幾天吧。

參考文獻

[1]chrome插件Vimium嚐鮮:http://my.oschina.net/jsxqf/blog/145284

[2]一些我常用的Chrome插件:http://my.oschina.net/ctyytc/blog/4216

[4] Pentadactyl/VimperatorVIM化的Firefox

[5] vim的方式操作你的軟件

發佈了66 篇原創文章 · 獲贊 18 · 訪問量 28萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章