私は現時点で複雑なAJAXアプリケーションを作成しており、サイト全体がクリーンなURLを持っています。現時点でPHPは各ページの基本レイアウトを作成しますが、ユーザーがリンクをクリックしたときに各ページから移動する必要はなく、URLにハッシュを付けることは望ましくありません。サイトの残りの部分に合わせてください。私はこれがサイト上の負荷を切り取っていることを知っていますが、これはよく尋ねられますが、技術的には同じであってもアドレスバーのURLを変更するだけのHTML5の方法があれば疑問に思っていましたページ。ページから離れずにブラウザのURLを変更するにはどうすればよいですか?
8
A
答えて
34
history.pushState
で行うことができますが、それをサポートするブラウザでのみ可能です。ブラウザのJavaScript-Consoleで次の行を試してみてください。 The pushState() method (Mozilla Developer)
同様の質問How do I, with JavaScript, change the URL in the browser without loading the new page?
3
でその上
history.pushState({},"URL Rewrite Example","https://stackoverflow.com/example")
もっと他の人が述べたように、HTML5のhistory.pushstateは、移動するための方法です。 githubのリポジトリを参照して実際の動作を確認してみてください(https://github.com/visionmedia/express)。
トラブルは、history.pushstateをサポートするIEの唯一のバージョンです。これはIE10です。
多くのサイトがhashbang#を使用しています。 TwitterなどのURL(例:https://twitter.com/#!/Sironfoot)。ハッシュバンは、Ajaxの強力なウェブサイト(詳細はhttp://code.google.com/web/ajaxcrawling/docs/specification.html)をまだトラウリングして索引付けできるので、そのルートに行くことができるように、検索エンジンによって合意されたURLパターンです。
唯一の方法は、それをサポートするブラウザにはhistory.pushstateを使用し、サポートしていないブラウザではフルページのリフレッシュに戻すことです。
関連する問題
- 1. Javascript:ページを更新せずにアドレスバーのURLを変更するにはどうすればよいですか?
- 2. PHPでURLを変更せずにページをリダイレクトするにはどうすればよいですか?
- 3. オープンしたSafariブラウザのURLを端末から変更するにはどうすればよいですか?
- 4. ブラウザのサイズを変更するときにテキストが画像から離れないようにするにはどうすればよいですか?
- 5. MapView、距離を変更するにはどうすればよいですか?
- 6. このサイトはページを変更せずにブラウザのURLをどのように変更しますか?
- 7. ページをリロードせずにWebページを変更するにはどうすればよいですか?
- 8. ブラウザのURLを変更しないダウンロードリンクを作成するにはどうすればよいですか?
- 9. ブラウザのコンテキストメニューで「リンクのリンクアドレス」のURLを変更するにはどうすればよいですか?
- 10. URLを変更せずにモバイル版のサイトにリダイレクトするにはどうすればよいですか?
- 11. anglejsでリダイレクトせずにアドレスバーのURLを変更するにはどうすればよいですか?
- 12. メディアファイルのURLを変更するにはどうすればよいですか?
- 13. Xamarin.Formsのページを変更するにはどうすればよいですか?
- 14. URLを変更せずにGETビューにリダイレクトするにはどうすればよいですか?
- 15. iframeがリフレッシュせずに、親のURLフラグメントを変更するにはどうすればよいですか?
- 16. イメージURLを変更するにはどうすればよいですか?
- 17. イメージURLパラメータを変更するにはどうすればよいですか?
- 18. URL IDを変更するにはどうすればよいですか?
- 19. 再コンパイルせずにWebサービスURLを変更するにはどうすればよいですか?
- 20. Spring BootでVaadinページのURLを変更するにはどうすればよいですか?
- 21. Google+のようなページを更新せずにURLを変更するにはどうすればよいですか?
- 22. ページを更新せずにHTMLテーブルのコンテンツを更新するにはどうすればよいですか?
- 23. WebViewからAndroidブラウザにリダイレクトするURLを選択するにはどうすればよいですか?
- 24. スラックボットをチャンネルから離れるようにするにはどうすればよいですか?
- 25. xenforoとapache2でページURLを変更するにはどうすればよいですか?
- 26. URLを指定せずにデフォルトのAndroidブラウザを開くにはどうすればよいですか?
- 27. site.com/folder/file.phpからsite.com/nameにURLを変更するにはどうすればよいですか?
- 28. ブラウザを使わずにPythonでURLを開くにはどうすればよいですか?
- 29. 埋め込みボタンコードからチェックアウトページのリダイレクトURLを変更するにはどうすればよいですか?
- 30. AngularJSの$ scopeからURLを変更するにはどうすればよいですか?