8 種 HTML5 Canvas、Javascript測試

很炫的八種測試,可以試試看網頁瀏覽器有沒有支援跑得快不快

8 Simply Amazing HTML5 Canvas and Javascript Animations

Firefox 4.0 beta2

本來以為 Firefox 4.0 大概只有JägerMonkey有點看頭
其他的D2D,介面,app tab,WebM,WebGL 沒什麼

但後來發現了還有 Retained Layers,這個解決了FX長期以來的捲動bug

看原文上的說明,將現在FX的作法(每更改一次物件屬性就重新繪製)
改成把物件cache起來 屬性有變動直接更改cache的物件(不重新繪製這個物件)

scroll也類似如此,將網頁內容繪製好後 用offset方式呈現scroll的效果
以前的方式是像素平移(移動一個像素在繪製下一個)
FX 4.0 負責呈現這些效果的是GPU跟它龐大的frame buffer

而今天釋出的Firefox 4.0 beta 2 已經正式將Retained Layers放進來了
也把JägerMonkey放進來了

不過目前有些小bug 有時候字型會模糊掉 (有時候是清楚的)

Mozilla Firefox 4.0 beta 2
Mozilla Firefox 4.0 beta 2 release note

orangeFox 3.6.4 build5

orangeFox 3.6.4 build 5
Download from Google Sites
mediafire mirror

應該是最後一個rc版,正式版會在6月1日釋出

orangeFox 3.6.4 build3

orangeFox 3.6.4
FX 3.6.4 這版最主要的變動是將Lorentz版的OOPP(out of process plugins)加進來
以後所有的FX都會是OOPP,它可以提昇FX 穩定性跟效率

http://www.mozilla.com/en-US/firefox/3.6.4/releasenotes/

Download from Google Sites
mediafire mirror
我把 safebrowsing 預設關閉
(這個功能是每次開啟網址前,先到Google搜索有沒有安全性問題)
有需要的話請自行打開

代碼:
--enable-application=browser --disable-tests --disable-crashreporter --disable-debug --disable-tests --disable-javaxpcom --disable-updater --enable-application=browser --enable-libxul --enable-jemalloc '--enable-optimize=-O3 -fforce-addr -march=k8 -mtune=k8-sse3 -pipe -fomit-frame-pointer' --enable-profile-guided-optimization

Flash crash at fullscreen

在Linux上使用Firefox 全螢幕播放 Flash時總是會Crash
(常見於Youtube,niconico…等影音網站)
今天在巴哈的網友sb107912 (VeryReina)告知下,才發現原來這個有解啊!

不清楚原因是什麼,但是在firefox.sh裡面加上這一行

export LD_PRELOAD=/usr/lib/libGL.so.1

預讀 libGL就可以正常的進行全螢幕playback,預計下一版orangeFox就放進去這個

orangeFox 3.5.3

orangeFox353
orangeFox 3.5.3 release
http://www.mediafire.com/?sharekey=46e2 … f6e8ebb871
目前為止自訂化最完整的版本 順便附上flash plugin(省得麻煩)
應該也是目前所有orangeFox最快的版本
buildconfig

–enable-application=browser –disable-tests –disable-crashreporter –disable-debug –disable-debug-modules –disable-tests –disable-javaxpcom –disable-updater –disable-crashreporter –disable-parental-controls –enable-application=browser –enable-libxul –enable-jemalloc –enable-safe-browsing ‘–enable-optimize=-O3 -fforce-addr -march=native -mtune=native -pipe -fomit-frame-pointer -funit-at-a-time -fbranch-target-load-optimize -fbranch-target-load-optimize2 -m3dnow -mmmx -msse -msse2 -msse3’ –enable-profile-guided-optimization

FX autohide bookmark toolbar

因為FX的bookmark toolbar 很好用但佔空間
所以參考userstyles.org的東西,改出來這個東西
簡單的說就是書籤列自動隱藏+書籤label自動隱藏+label 最大寬度限制
可以讓書籤列放將近50個書籤而不用靠資料夾來分類,使用上更直接

@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#PersonalToolbar {
margin-bottom:-24px;
/*-22*/

}
#PersonalToolbar:hover{
margin-bottom: 0px;
}

/*#PersonalToolbar,*/
.bookmark-item > .toolbarbutton-text,.bookmark-item>.toolbarbutton-icon{
visibility:collapse;
}
toolbarbutton[class=bookmark-item]{max-width:80px !important;}

/*#navigator-toolbox:hover > #PersonalToolbar,*/
.bookmark-item:hover > .toolbarbutton-text,
hbox:hover>.bookmark-item>.toolbarbutton-icon{
visibility:visible;
}

但是藍色標出來的地方會因為佈景主題的一些小差異需要變更數值

Previous Older Entries