瀏覽器擴充功能其實算是老掉牙的東西了,不過拿 Vue 來開發算是挺方便的一件事情。當然,在這裡你可以把 Vue 換成其他的熱門工具,不過我剛好會寫一點 Vue
所以就拿這個來開發一點小玩具,也是挺合理的。
前置作業
首先呢,你可能會需要一個 Vue 的工具方便作業,在 github 上面,已經有人提供了完整的 Vue Template 可以使用,所以,最快的方式就是用
Vue CLI 的方式去安裝,
vue init kocal/vue-web-extension
現行的服務裡,有 prerender.io [https://github.com/prerender/prerender] 可以使用,不過由於他是使用
PhantomJS 來當作背後的引擎,而,偏偏我自己開機器來做的時候,常常遇到一個畫面要處理超過 1 分鐘的窘境。
所以,只好拿 Google Chrome 新推出的 --headless 來試一下水溫。
--------------------------------------------------------------------------------
安裝
目前是使用 Ubuntu 16.04LTS 來進行安裝,在伺服器上裝
目前是測試版,下載網址:http://www.google.com/chrome/
大神出品,是不是就掛保證我是不得而知,但是速度還算不錯就是。有部分的東西不支援,像是所見即所得編輯器,還有一些 IE
的特異功能我想也不可能會支援。不過,現在已經有 FF 跟 IE
在大混戰了,再多一個瀏覽器湊一咖,是好是壞老實說我還蠻不看好的就是,畢竟這樣程式設計只會越來越難而已。
重點是,它的 JS 引擎效率之高超乎想像!開網頁幾乎都是瞬殺!沒有瞬殺一定是程式寫的不好或是主機太慢 (肯定的)。
抓些畫面,它其實還蠻吃記憶體的。