2011-07-03 8 views
10

私は、HTML5の履歴api aka psuhStateをHTML4ブラウザの適切なフォールバックを利用する最良の方法を研究してきました。GithubはハッシュタグなしでpushStateを実行する方法は?

Githubのはその木の閲覧の履歴API(以下のリンクは一例であり、ライブラリgithubのを使用していない)を使用しています。彼らはこれを処理する方法である私が把握することはできませんどのような

https://github.com/browserstate/History.js/

をFirefox 3.5などのHTML4ブラウザの機能

私はこの種のことを処理するために、特に上記のhistory.jsを見ました。しかし、私は避けたいと思うHTML4ブラウザのためにハッシュを実装する必要があります。

Githubにアクセスして、HTML4ブラウザを使用してディレクトリツリーを参照すると、HTML5ブラウザ(URL状態)と同じに見えます。

私はFF3.5でJavaScriptを無効にした場合、以前にこのように見えたURL:

https://github.com/browserstate/history.js/tree/a32e91aa1fe5909a29abb690a37f6c129e98068e/tests

任意の考え:

https://github.com/browserstate/history.js/tree/master/tests

は次のようになりますか?

答えて

15

GitHubには、それは単に通常の古い退屈なフルページ負荷動作に低下するpushStateをサポートしていないブラウザのためにhttp://pjax.heroku.com/

を使用しています。

+0

そのようなフォールバックの振る舞いは、Githubが実際にサーバー上にこれらのディレクトリを作成していることを意味しますか?あるいは、彼らは何とかその場でディレクトリを作成していますか?フォールバックテクニックの仕組みがわからないのですか? – Yahreen

+0

ディレクトリ? ... – Tekkub

+0

サーバー上にフォルダ構造を作成していますか? – Yahreen

7

Responsive web design from the futureはGitHubで働くデザイナー、カイル・ニース(Kyle Neath)の96スライドプレゼンテーションです。

pushState。 replaceState。ハッシュバングス。 AJAX。 PJAX。ビーツ。ベアーズ。 バトルスターガラクティカ。

レスポンシブウェブデザインは、お使いの 画面のサイズよりもはるかに大きくなっています。この講演は、GitHubには、リンク、URL バー、部分的なページ更新をどのように処理するかについてについてです、と私はHTML5歴史 APIはFirebugのため、フロントエンドの開発 に起こるべき最も重要なことだと思う理由を説明します。