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になります。

Source: https://habr.com/ru/post/J57933/


All Articles