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

說到啓動器,最有名的當屬 Mac 上的神器 Alfred ,以及 Windows 上的 Wox。那什麼是啓動器呢,它是由一個命令輸入框,以及一個查詢結果下拉列表組成。只須要一個命令就能讓電腦去完成一系列操做,如同你的管家同樣,天然是不少人心目中的神器。前端

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

而 Steward 即是 Chrome 瀏覽器裏的類 Alfred 啓動器,在某些方面甚至是 Alfred Plus。github

概述

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

Steward 是開源項目,代碼託管在 Github 上,從 Chrome應用商店 安裝,或 離線下載,官網是oksteward.comchrome

先來一手舉一個栗子:瀏覽器

我感受到逛知乎、頭條、煎蛋等網站的時間太多了,以至於無法專心工做學習,可老是手賤管不住鼠標,腫麼辦!?bash

只要在 Steward 的命令框裏分別輸入如下幾條命令前端工程師

bk zhihu.com

bk toutiao.com

bk jandan.net

複製代碼

那麼這些網站將沒法正常訪問,除非你手動解除屏蔽;若是你以爲這還不夠完全,能夠用強制屏蔽8小時的 bk8 命令。媽媽不再用擔憂個人工做學習了!dom

更厲害的栗子:ide

我天天必刷各類科技、互聯網的文章資訊,但是網站那麼多,要一個一個打開,手累!還可能會有所遺忘,如何是好?!

這樣作就好,使用 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,圖標大都來自 http://www.javashuo.com/tag/iconfont.cn

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

向上面提到的這些項目及做者表示感謝。

關於將來

自我以爲給 Steward 賦予了極大的可能性,目前有、未來也會有不少 idea 在上面展現以及探索;

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

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

相關文章
相關標籤/搜索