Steward -- 一款 Chrome 上的類 Alfred / Wox 啟動器,鍵盤黨的效率神器

tomas_yang發表於2017-12-13

說到啟動器,最有名的當屬 Mac 上的神器 Alfred ,以及 Windows 上的 Wox。那什麼是啟動器呢,它是由一個命令輸入框,以及一個查詢結果下拉選單組成。只需要一個命令就能讓電腦去完成一系列操作,如同你的管家一樣,自然是很多人心目中的神器。

比如我輸入 Chrome 然後回車,啟動器會自動幫我找到 Chrome 並開啟它;又如遇到命令 yd steward 後,啟動器立刻去查詢有道詞典然後把 管家 的釋義列出來。

而 Steward 便是 Chrome 瀏覽器裡的類 Alfred 啟動器,在某些方面甚至是 Alfred Plus。

概述

在 Chrome 中,通過 Steward 簡單地輸入某些命令,就能完成擴充套件、書籤、標籤頁管理等大部分瀏覽器操作。

Steward 是開源專案,程式碼託管在 Github 上,從 Chrome應用商店 安裝,或 離線下載,官網是oksteward.com

先來一手舉一個栗子:

我感覺到逛知乎、頭條、煎蛋等網站的時間太多了,以致於沒法專心工作學習,可總是手賤管不住滑鼠,腫麼辦!?

只要在 Steward 的命令框裡分別輸入以下幾條命令


bk zhihu.com

bk toutiao.com

bk jandan.net

複製程式碼

那麼這些網站將無法正常訪問,除非你手動解除遮蔽;如果你覺得這還不夠徹底,可以用強制遮蔽8小時的 bk8 命令。媽媽再也不用擔心我的工作學習了!

更厲害的栗子:

我每天必刷各種科技、網際網路的文章資訊,可是網站那麼多,要一個一個開啟,手累!還可能會有所遺忘,如何是好?!

這樣做就好,使用 Steward 建立一個 workflow,標題就叫做 科技網際網路資訊


sspai.com

36kr.com

ifanr.com

readhub.me

donews.com

複製程式碼

在命令框裡輸入 wf kjhlwzx 或者 wf 科技 甚至 wf kj ,然後回車,刷刷刷,這些網站全都依次開啟了。

動圖

大概你也發現了,第一個栗子也是可以做成 workflow 的,怎麼樣,有沒有初步感覺到瀏覽器已經被你支配了?

Steward 是可以比擬 AdBlock、 Stylish、Vimium 這等 Chrome 神器的,至於為什麼,先不說它的幫助文件豐富得嚇人,看看它的進化之路吧。

什麼鬼?我才不關心進化之路什麼的。

沒關係,可以直接看看圖,然後就你明白了。

緣由

個人挺喜歡收集各種擴充套件,可安裝多了,管理就是一個麻煩。嘗試過 Chrome 應用商店的諸多擴充套件管理類工具,始終不盡如人意。

早在 2014 年底,作為一個效率控,湊巧又是一個剛用上 MBP 的前端工程師,受 Alfred 啟發,開發了 Steward 這樣一款瀏覽器裡的命令啟動器。

開發

初始

第一版很簡陋,花了一個晚上,只有個簡單的 popup 彈框,以及兩個 plugin 組成的外掛系統: on 啟用擴充套件,off 禁用擴充套件。

此時的名字還不是 Steward,而是 Ikkyu,即聰明的「一休」的英文名。

雖然有點小激動,畢竟自己的第一個作品,但旅途才剛剛開始。

支援拼音

首先,作為中國人,不支援中文拼音搜尋怎麼行,所以使用 pinyin 來支援。

厚積

接下來就是漫長的各種 plugin 的發現與開發之旅,就像沙灘上撿貝殼的小孩兒一樣,每遇到一個 idea,就驚喜莫名,要立刻實現它,即使會遇到各種困難。

從 Github 的commit記錄上可以看到走過的每一步:

  • yd: 有道查詞, his: 歷史記錄查詢, todo: 待辦事項

  • run: 啟動應用, po: pocket 文章查詢, del: 擴充套件刪除

  • bm: 書籤查詢,set: 開啟擴充套件的設定,bk: 遮蔽網站

  • dl: 下載記錄,help:幫助命令

眾多外掛

支援新標籤頁

在某一天突然想到,這麼常用的功能,為什麼不放在 New Tab(新標籤頁) 呢?

於是就開啟了三大使用模式之二 New Tab模式 的篇章

桌布

發現有些難看,怎麼辦?

果斷加上了來自 Bing 的桌布,每天一張,自動重新整理。

此時,Steward 像是完成了自我發現,開始走進朋友、同事的視野。

迷茫

直到2017年某天,看著眼前的 Steward,猛然發現它跟我一樣已經停滯不前了。

收拾好心緒,帶著這種不安,開始了與 Steward 的重生之路。

重生

在某隻小青蛙的鼓勵幫助下,從 UI 開始,換掉原來的圓角輸入框,一下子讓 Steward 顯得輕鬆了很多。

試著向外推薦了一下,看著 Chrome 擴充套件後臺使用者的陡然提升,感覺全都回來了

薄發

在深入體驗了 Alfred 以及類似命令啟動器以後發現了一些共同點,都是 Steward 應該有但還沒有的。

v2.5 設定頁面到來,自此可以自定義 plugin 裡各 commandtrigger(觸發條件)。

在完善了幫助說明以後,某天發現遇到好看的桌布卻無可奈何!

緊接著,新增桌布save按鈕,以及在設定皮膚中可以對桌布設定、下載、刪除。

桌布

v2.6 天氣查詢、網址輸入、搜尋引擎查詢,應有的功能逐步補齊。

v2.7 三大模式之「頁面模式」到來,在任何頁面都能用快捷鍵喚起 Steward。

頁面模式-使用 site 命令檢視常用網站

v2.8 加入幾乎所有的 Chrome 瀏覽器原生頁面 url,以後無論想開啟 bookmarks 、help 還是 settings 等等選單或頁面,也就一句命令的事兒。

Chrome 頁面

v2.9 新增擴充套件類plugin,在 Steward 裡與其它擴充套件互動(單詞小卡片),可以說是在擴充套件界是 Steward 獨有的功能,因為它們都有同一個作者。

v3.0的大改進導致了 Steward 偶爾出一些問題,以致於作者「半夜」還在修復中,然而似乎也在預示著更大的高潮。

到達 v3.0 的 Steward 可以說已經是準神器了,直到 v3.1 在啟動器界具有 Steward 特色的功能 Workflows 閃亮登場。

從此 Steward 告別了一次只能執行一個操作/一條命令的侷限,開始具有無限的可能,完全具備了效率神器的資格,有資格稱為 Chrome 上的 Alfred Plus。當然,這還需要時間去沉澱,也需要使用者去探索。

建立 workflow

v3.1.2到來的 random 外掛,看似不起眼,卻使 Steward 超越了傳統的「New Tab」類擴充套件,新標籤不再僅僅只是一個花瓶,比如它可以同時扮演 TodoList、書籤管理、背單詞等角色。

其它

Steward 功能圖示

Steward 功能圖示

Steward 是個人的第一個開源專案,因而從開源社群學習到了很多東西。

  • 技術棧:Webpack + Vue2,當然也有 jQuerypinyin 這樣的庫

  • 設計:不懂設計,怎麼辦呢?設定頁面用的 ElementUI,圖示大都來自 iconfont.cn

  • 產品:從簡悅以及其它一些優秀的開源專案學習了怎麼維護一個產品。當然目前 Steward 還做得不夠

向上面提到的這些專案及作者表示感謝。

關於未來

自我覺得給 Steward 賦予了極大的可能性,目前有、將來也會有很多 idea 在上面展示以及探索;

與 Steward 同源,但沒有新標籤頁模式的 Browser Alfred 則會同步更新相應的功能。

關注 Steward,關注它的一切,就等於關注了更有效率。

相關文章