node.js 4.0 released few days ago:
https://nodejs.org/en/blog/release/v4.0.0/
https://github.com/nodejs/node/releases/
node.js now migrated/merged with io.js and has new engine, features and may also have performance increase, see:
I just did a very very simple test use npm test on cdnjs/cdnjs
因為有時候對程式碼有潔癖，加上不正確的縮排會影響閱讀，一不小心沒睡飽還會腦袋打結 …所以找了幾個Javascript Beautifier來測試，看看哪個比較好用
因為我不是要拿minify(最小化)或是obfuscate(模糊.混淆處理)過的js來復原，單純是要讓程式碼變得好閱讀，所以重點應該是在排版~
JavaScript Beautifier (http://javascriptbeautifier.com/)：
不支援直接放json進去(放進去會跑出undefined…)，無自訂選項
JsPretty (http://www.jspretty.com/)：
直接丟json也通，可以自訂要用tab或2.3.4.8個space做縮排，有簡單的括號以及空行選線，另有加殼及混淆器的檢查
Javascript Format (http://www.javascriptformat.com)：
無自訂選項，直接丟json也通，雖然有提供Jsonformat 的網站，支援直接放json進去也是支援的，但兩者結果會不太一樣，Jsonformat會按照Property name做排序，而且一開始換行的地方看起來怪怪的
Online code beautifier (http://ctrlq.org/beautifier/)：
無自訂選項，可以直接丟json，號稱支援 JavaScript, HTML, CSS and PHP，不過光丟個jQuery v1.11.0進去看結果就不是很理想 … 看起來要拿來跑JS是不可用，其他與研就等下次有機會用到再測 …
js-beautify (http://jsbeautifier.org/)：
目前覺得是最好用的一套，code有完整上色(用CodeMirror作的)，支援直接餵json，自訂的選項有縮排、換行、括號、折行以及加殼及混淆器的檢查等等…
專案本身是採用MIT license授權開放原始碼自由軟體，有丟在Github上，比較特別的是從首頁底下可以看到已經有一堆現成的外掛程式(擴充套件)可以用了
結尾來個評分好了 xDDDD
JavaScript Beautifier :
☆☆☆★★
JsPretty :
☆☆★★★
Javascript Format :
☆☆☆★★
Online code beautifier:
☆☆☆☆★
js-beautify :
☆★★★★
Opera 也開始改用 Webkit 了…有點可惜 這樣的 Opera 還是 Opera 嗎?
讓我們繼續看下去…
剛剛想說裝了 Opera Nex t(開始改用Webkit 的 Opera) 來測一下大家支援 HTML5 的狀況
平台是Windows 7 Home Premium 64-bit SP1 以下按照分數高低排序
硬體的話就不提了 反正只是比較性而已
Google Chrome 27.0.1453.94 m
463 AND 13 BONUS POINTS
Opera Next 15.0.1147.18
433 AND 9 BONUS POINTS
Mozilla Firefox 21.0
399 AND 14 BONUS POINTS
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
320 AND 6 BONUS POINTS
以上是在Windows平台上的最新穩定版本測試結果
其他小品牌或開發版、測試版、已經停止開發的就不一一測試了
還是希望HTML5盡早制定完成 也希望各家實作盡量一致並完整支援
這樣在開發web前端的時候可以輕鬆一點
後來想說順便測一下效能好了…
Browsermark 2.0(綜合測試):
http://browsermark.rightware.com
Google Chrome 27.0.1453.94 m
6271
Opera Next 15.0.1147.18
5987
Mozilla Firefox 21.0
4810
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
4237
smashcat(測canvas):
http://www.smashcat.org/av/canvas_test/
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
305
Mozilla Firefox 21.0
250
Opera Next 15.0.1147.18
170
Google Chrome 27.0.1453.94 m
59
Peacekeeper(測HTML5):
http://peacekeeper.futuremark.com/
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
3277
Mozilla Firefox 21.0
3024
Google Chrome 27.0.1453.94 m
2557
Opera Next 15.0.1147.18(應該是因為webkit的關係被誤認為是Chrome)
2221
Kraken JavaScript Benchmark v1.1(顧名思義是測javascript):
http://krakenbenchmark.mozilla.org/kraken-1.1/driver.html
Opera Next 15.0.1147.181352.1ms
Google Chrome 27.0.1453.94 m1361.5ms
Mozilla Firefox 21.01647.9msMicrosoft Internet Explorer 10.0.9200.16576 更新版本10.0.54100.7ms
octane-benchmark (測javascript):
http://octane-benchmark.googlecode.com/svn/latest/index.html
Opera Next 15.0.1147.18
20493
Google Chrome 27.0.1453.94 m
17034
Mozilla Firefox 21.0
15104
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
6587
sunspider(測javascript):
http://www.webkit.org/perf/sunspider-1.0/sunspider-1.0/driver.html
Opera Next 15.0.1147.18
143.3ms
Mozilla Firefox 21.0
148.0ms
Google Chrome 27.0.1453.94 m
1301.3ms
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
顯示不出結果…
小發現是 不管在哪個測試 在複製貼上結果到編輯器的時候
Chrome和Opera會很完整的複製樣式 後兩名沒有 這大概是HTML5的關係~
另外這個微軟測試很明顯IE效能就比別人高超多…
http://ie.microsoft.com/testdrive/
我只選其中一項來測
http://ie.microsoft.com/testdrive/Performance/Minesweeper/
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
1.0s
Mozilla Firefox 21.0
5.4s
Opera Next 15.0.1147.18
6.2s
Google Chrome 27.0.1453.94 m
6.3s
測試顯示圖形為預設的IE10,分數為花費秒數,越低越好,排名剛好倒過來
該不會是衝著Google或Webkit而來的吧XDDD
另外有一個WebVizBench(測HTML5)的網站:
http://webvizbench.com/
不過好像分數會受解析度影響…所以就中途作罷 懶得去細部調整讓個瀏覽器顯示範圍解析度完全一致…因為太麻煩了! 這點有點可惜
原則上上面的結果有加單位的數字越大是效能越差的意思，先後順序代表分數優劣
看起來是各有千秋…滿有趣的! 供各位參考~
