問題タブ [pushstate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - history.pushStateとhistory.replaceStateがいつ使用されているかを検出する方法は？
履歴の状態が変更されたときにサブスクライブできるイベントはありますか？どのように？
html - HTML5 履歴 API
HTML5 履歴 API を使用するにはどうすればよいですか。https://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyを調べました。それは私を混乱させました。私が望むのは、ユーザーが戻るボタンを押したときに前の状態に戻るように、ajax 呼び出しの URL を変更することだけです。
また、これの落とし穴について知りたいです。使う時と使わない時。jquery の最適な使用方法
jquery - window.history.pushState が履歴に戻らない
history.pushstate イベントの実験に少し問題があります。ページの URL が AJAX 経由でロードされたページの実際の URL になるように設定し、それが正常に機能するようにしました。
以前にロードしたページをロードして、自動的に履歴を作成する必要があることを理解しました。残念ながら、ハットは発生せず、戻るまたは進むをクリックすると、URL は変更されますが、ページは変更されません。手伝って頂けますか？これが私の簡略化されたコードです：
javascript - HTML：ページをリロードせずにURLを変更しますか？
このリンクをチェックしてください：
http://google.blogspot.com/view/timeslide
投稿をクリックすると、URLが変更されているのがわかりますが、＃などがないと、ページが通常どおり読み込まれるように変更されますが、コンテンツはAJAXで作成された場合と同じように変更されます。
これは、最新の安定バージョンを備えたChrome 10で発生しますが、Firefox 3.6では、ハッシュを使用した古い方法を使用します:)
これはどのように可能ですか、これは新しいHTML5機能ですか？
javascript - IE9でのHTML5pushState（）の使用
pushStateIE9でHTML5HistoryAPI （）を使用する方法はありますか？他のすべてのブラウザに解決策があれば、それは素晴らしいことです！
javascript - History.pushState() 関数を介して jQuery オブジェクトを渡す
History.pushState() 関数を使用しています。プッシュ状態オブジェクトに jQuery オブジェクトを保存していますが、statechange イベントが発生すると、jQuery オブジェクトを使用せずに状態オブジェクト データを取得していますが、「通常の」オブジェクトのみを取得しています。
コンソールが jQuery オブジェクトを返す
jQuery(div#varianty.box)
しかし、statechange イベントが発生すると、次のようになります。
コンソールがオブジェクトを返す
Object { length=1, 0={...}, more...}
詳細ダンプ
状態オブジェクトjQueryオブジェクトを取得する機会はありますか? いいえの場合、クールな方法はありませんが、次の方法でオブジェクトを再度選択できます:
$(State.data.link.selector);
しかし、jQueryオブジェクトをpushStateオブジェクトに渡すのは無意味です...
$(this)クリックイベントでオブジェクトをプッシュする必要があります。
アドバイスや解決策をありがとう！:)
javascript - JS History API pushState でページ更新時の対処方法
私が作成していた小さな Web サイト (いじりのようなもの) では、AJAX を使用して各ページを読み込みます。以前は、URL のハッシュを変更していましたが、これはうまく機能しましたが、見苦しく、ユーザーがページを更新しても、同じページにとどまってしまいました。
今、私は JS History API で pushState を使用するように切り替えました。これは見た目がはるかに良く、前後は機能しますが、更新は機能しません。例えば：
行く:http://example.com/page2ページ 2 と呼ばれる実際のページがないため、404 に移動します。しかし、pushState メソッドを使用して URL を変更するボタンをクリックすると、正常に機能します。
新しい履歴 API で更新とパーマリンクを許可するにはどうすればよいですか?
(そして、検索エンジンはこれをどのように扱うのでしょうか。Google は開発者に#!.
jquery - history.pushState（）が正しいURLを表示していません
jQueryとPHPを使用していますが、に問題がありhistory.pushStateます。
ブラウザのURLが次のようになったら、アンカータグまたはリンクをクリックするとwww.example.com/index.php/home/viewer/id
リンクをもう一度クリックすると、ブラウザのURLが次のようになり
www.example.com/index.php/home/photo_viewer/index.php/home/viewer/id
ます。これは正しくありません。
ブラウザのURLをwww.example.com/index.php/home/viewer/id
この問題を解決するにはどうすればよいですか？
jquery - javascript履歴APIの使用方法
新しいツリースライダーをどのように作成したかについてのgithubのブログ投稿では、使用されているコードとしてこれを示しています。
しかし、これがどのように機能するのかわかりませんか？彼らはAJAXがまったく新しいページを要求するので、<html>から</html>包括的に、そして一見（'slideTo' ??と呼ばれるメソッドを使用して）このデータをスライダー要素に入れますか？確かに、最終的にはページ内のページになります（CSSの不具合が発生する可能性があります）。
AJAXとHistoryAPIを使用する場合、変更された特定のセクションのみを取得するにはどうすればよいですか？それとも、htmlコードが置き換えられているのですか（ただし、上記の例ではそうではありません）？
実際のjavascriptgithubはどこで使用されますか？そして、私はそれが適切に機能しないので、与えられた例が使用されているものではないというのは正しいですか？
ios - History API は iOS で壊れていますか? (ロケーションバーは pushState で更新されません)
これを、「これまで誰も気付かなかったなんて信じられない」または「何かが欠けているに違いない」のいずれかのカテゴリに提出します。
iOS で単純な操作を行うwindow.history.pushStateと、ユーザーのジェスチャーに反応しない限り、ロケーション バーは更新されないようです。状態自体はプッシュされます (戻るボタンを押すとわかります)。
問題を再現するために思いついた最も小さなテストケースは次のとおりです。
http://thelink.is/history-api-ios-bug
History API をサポートするデスクトップ ブラウザでは、ロケーション バーの URL が 1 秒ごとに /0、/1 などに変わります。iOS では – iPhone (iOS 4.3 を実行) および iPad (iOS 4.3.3 を実行) でテスト済み – ロケーションバーは更新されませんが、戻るボタンを押すと正しい以前のロケーションに移動します (テストケースでは 404 になるため、これらの URL を処理するバックエンド ロジックはありません)。
考え？回避策？泣いて抱きしめる肩？
更新: この問題は iOS 5 で修正されました。