タグ付けされた質問 「pushstate」

私はS3を使用して、HTML5 pushStatesを使用するJavaScriptアプリをホストしています。問題は、ユーザーがいずれかのURLをブックマークした場合、何にも解決されないことです。必要なのは、完全なリダイレクトを行うだけでなく、すべてのURLリクエストを取得し、S3バケットでルートindex.htmlを提供する機能です。その後、私のJavaScriptアプリケーションはURLを解析して適切なページを提供できます。 リダイレクトを行う代わりに、すべてのURLリクエストに対してindex.htmlを提供するようにS3に指示する方法はありますか？これは、次の例のように単一のindex.htmlを提供することにより、すべての着信要求を処理するようにApacheを設定するのと似ています。これらのルートを処理するためだけにWebサーバーを実行することは避けたいです。S3からすべてを実行することは非常に魅力的です。

250 amazon-web-services  redirect  amazon-s3  routing  pushstate 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する HTML5履歴APIを使用して、AJAXでロードされたコンテンツのディープリンクの問題を解決することを検討していますが、地面を離れるのに苦労しています。良いリソースを知っている人はいますか？ これは、リンクがJSをオンにしていない可能性があるリンクが送信される可能性を許容するための優れた方法と思われるため、使用したいと思います。JSを持つ誰かがリンクを持たない誰かにリンクを送信すると、多くの解決策が失敗します。 私の最初の調査では、JS内のHistory APIとpushStateメソッドを指摘しているようです。 http://html5demos.com/history

168 javascript  html  pushstate  html5-history 

したがって、HTML5 history.pushStateがブラウザーの履歴を変更することを導入したので、Webサイトは、URLのフラグメントIDを変更する代わりに、これをAjaxと組み合わせて使用​​し始めます。 悲しいことに、これらの呼び出しはによって検出できなくなっていますonhashchange。 私の質問は、ウェブサイトがhistory.pushStateいつ使用するかを検出する信頼できる方法（ハック？;））はありますか？仕様では、発生するイベントについては何も述べられていません（少なくとも私は何も見つけることができませんでした）。 ファサードを作成window.historyして自分のJavaScriptオブジェクトに置き換えようとしましたが、まったく効果がありませんでした。 詳細説明：これらの変更を検出して適切に動作する必要があるFirefoxアドオンを開発しています。 数日前に同様の質問があり、いくつかのDOMイベントを聞くことが効率的であるかどうかを尋ねましたが、これらのイベントはさまざまな理由で生成される可能性があるため、それに頼るのは避けたいと思います。 更新： これは、呼び出されたonpopstateときにトリガーされないことを示すjsfiddle（Firefox 4またはChrome 8を使用）ですpushState（または何か問題がありますか？遠慮なく改善してください！）。 アップデート2： もう1つの（側面の）問題は、window.location使用時に更新されないことですpushState（ただし、これについてはすでにここで読んだので、私はそう思います）。

154 javascript  firefox-addon  browser-history  pushstate 

Internet Explorerがhistory.pushState()とブラウザの履歴history.replaceState()を操作するためのメソッドをサポートしているかどうか誰かが知っていますか？これらがFirefox 4に実装されていることを考えると、私は息を止めていませんが、IE9でリリースされるかどうかは誰かが知っていますか？

140 internet-explorer  html  pushstate 

今日、強力な「単一ページ」JavaScript Webサイトを作成するためのクールなツールがたくさんあります。私の意見では、これはサーバーにAPIとして機能させ（それ以上は何もさせない）、クライアントにHTML生成のすべてのものを処理させることによって正しく行われます。この「パターン」の問題は、検索エンジンのサポートがないことです。私は2つの解決策を考えることができます： ユーザーがWebサイトにアクセスしたら、サーバーがクライアントのナビゲーションとまったく同じようにページをレンダリングできるようにします。したがって、http://example.com/my_path直接移動すると、サーバーは、/my_pathpushState を使用して移動した場合と同じようにレンダリングします。 サーバーに、検索エンジンボット専用の特別なWebサイトを提供させます。通常のユーザーがhttp://example.com/my_pathサーバーにアクセスする場合は、JavaScriptを多用したバージョンのWebサイトを提供する必要があります。しかし、Googleボットがアクセスした場合、サーバーは、Googleにインデックス登録させたいコンテンツを含む最小限のHTMLを提供する必要があります。 最初のソリューションについては、ここでさらに説明します。私はこれをしているウェブサイトで働いていました、そしてそれはとても良い経験ではありません。それはDRYではなく、私の場合、クライアントとサーバーに2つの異なるテンプレートエンジンを使用する必要がありました。 私はいくつかの古いフラッシュWebサイトの2番目の解決策を見たと思います。私はこのアプローチが最初のアプローチよりもはるかに好きで、サーバーに適切なツールがあれば、非常に簡単に実行できます。 だから私が本当に思っているのは次のとおりです： あなたはもっと良い解決策を考えることができますか？ 2番目のソリューションの欠点は何ですか？通常のユーザーと同じようにGoogleボットにまったく同じコンテンツを提供していないことがGoogleで判明した場合、検索結果で罰せられるのでしょうか？

128 javascript  seo  backbone.js  pushstate  singlepage 

多くの人が、ハッシュバンではなくプッシュステートを使用すると言っています。 私が理解していないのは、ハッシュバンを使用せずに検索エンジンにどのように対応できるかということです。 おそらく、pushStateコンテンツはクライアント側のJavaScriptコードによって生成されます。 したがって、シナリオは次のようになります。 私は上にいexample.comます。ユーザーがリンクをクリックします：href="example.com/blog" pushStateはクリックをキャプチャし、URLを更新し、どこかからJSONファイルを取得し、コンテンツ領域にブログ投稿のリストを作成します。 ハッシュバンを使用すると、Googleはescaped_fragmentURLにアクセスして静的コンテンツを取得することを認識しています。 pushStateを使用すると、JavaScriptコードを使用してJSONをロードし、続いてテンプレートを作成できないため、Googleは何も認識しません。 私が見ることができる唯一の方法は、サーバー側でテンプレートをレンダリングすることですが、それはアプリケーション層をクライアントにプッシュする利点を完全に打ち消します。 だから私はこれを正しく理解していますか、pushStateはクライアントサイドアプリケーションにとってSEOフレンドリーではありませんか？

80 javascript  web-applications  seo  hashbang  pushstate