Ajaxアプリケーションでのナビゲーション

Ajaxアプリケーションでナビゲーションを整理する便利な方法は誰もが長い間知っています。 この方法は非常に一般的で、アンカー(シャープ#の後のページアドレスの一部)の変更に基づいています。



この方法は多くのブラウザで機能します。 しかし、結局のところ、どこでも同じように効果があるわけではありません。 エクスプローラーでこの方法を適用すると、予期せぬ効果に出会いました。 以下は、このケースのために特別に作成した小さなベンチマークの結果です。 私の友達、あなたはあらゆる種類のベンチマークを愛しています。 ここに彼のコードがあり、理解するのは非常に簡単です:



var start = new Date().getTime();

window.location.hash = url

var stop = new Date().getTime();

alert( stop - start );








結果は次のとおりです。

Opera 10:15ミリ秒。

FF2:30ミリ秒。

FF3:30ミリ秒。

IE6:323ミリ秒。

IE7:7825ミリ秒。

IE8:7240ミリ秒。



はい、もちろん、ドキュメントの構造は非常に複雑で、htmlでのみ240kbにもなります。 そして、この背景から、IEの新しいバージョンがより速く動作し始め、弟を8%追い越したことが非常にはっきりとわかります! やれやれ! Vivatエクスプローラー! 長生きするマイクロソフト!



UPD:ありがとうございました。すべて含まれている開発者ツールバーについてです。 ええ、はい、開発者モードでアンカーを通過するには、時間dofigaが必要です。 開発者がアンカーに沿って進むと、システムで同じ多くの変更を行う必要があり、そのような変更は多くても0になります。



All Articles