突如登場した新ブラウザGoogle Chromeへの対応
先ほどGoogle Chromeをダウンロードできました。
http://www.google.com/chrome
アイコンもメトロイド風味で良い感じ。(今ならポケモンって言うんだろうけど)
これから、uupaa.js を Chrome に対応させるための作業を開始します。
ファーストインプレッション
- 一部のエフェクトが動作しない(wave, sunset)
- JavaScriptが超早い
- チープなマシンで、ポリゴン8個がこんなにぐりぐり動くブラウザは初めて
- Canvasの実装がWebKitと違う。透過(GlobalAlpha)の解釈が違うためか、色が薄くなりすぎている。
- グラデーション(createRadialGradient)の実装もブラウザと異なっている。
- CoverFlowが完璧に動く
- SafariのCanvasの実装では、画面にゴミがでていましたが、Google Chromeでは完璧に動作します。
- Element.style["-webkit-*"]が使える。
- 2年前のうわさではGeckoベースとなる予定だった気がするが…
- WebKitに実装されている以下のCSSプロパティがChromeにもある
- flood-color:
- flood-opacity:
- lighting-color:
- stop-color:
- stop-opacity:
- pointer-events:
- color-interpolation:
- color-interpolation-filters:
- color-rendering:
- fill:
- fill-opacity:
- fill-rule:
- image-rendering:
- shape-rendering:
- stroke:
- stroke-dasharray:
- stroke-dashoffset:
- stroke-linecap:
- stroke-linejoin:
- stroke-miterlimit:
- stroke-opacity:
- stroke-width:
- text-rendering:
- baseline-shift:
- dominant-baseline:
- kerning:
- glyph-orientation-horizontal:
- glyph-orientation-vertical:
- about:config とか about:robot とか about:chrome はダメだった
- Webページ上で、適当な要素を右クリックし「要素を検証」で、Webインスペクタ(Safariのそれ)が起動する
- XPathの@checked と element.checked の不整合はGoogle Chromeでも発生する
とりあえず
uupaa.js のほとんどの機能は、Google Chrome でも動作することが確認できました。
期待通りの、とても良いブラウザですね。