問題タブ [hashbang]

Ajax URL の linting をテストしているときに、奇妙な動作に気付きました。簡単な技術テストはhttp://jankrems.de/hashbang/#!/foo.phpにあります。

• http://jankrems.de/hashbang/foo.phpを直接リントすると、すべて正常に動作します: http://cl.ly/3f3t2c0i3M3t0x2Q1Z3l

• Ajax-Url http://jankrems.de/hashbang/#!foo.phpをリントすると、かなり奇妙な出力が得られます: http://cl.ly/3n3e0r1s122Q1L0U033k

Twitter の hashbang-Url をリントしてみましたが、正しく処理されました。私が使用したコードはかなり簡単です。index.phpには転送があります...

そして foo.php で Open Graph タグを出力するだけです...

多分私は盲目で、明らかな何かを見逃しています。

開発を開始したデスクトップ アプリケーションの Web ページをまとめていて、HTML5 テクノロジと JavaScript を使用した動的コンテンツを活用したいと考えています。基本的に、ブラウザで「ルート」ページ (index.php、または単にディレクトリ名) にアクセスすると、情報、概要、FAQ、および連絡フォームのセクションがすべて表示されます (連絡フォームを除く。そのセクションの見出しは、それを明らかにするために jQuery アニメーションをトリガーします)。ページの左側には、ホーム、概要、よくある質問、連絡先へのリンクを含む基本的なナビゲーションがあります。これらのリンクのアンカーは、それぞれ「#!/home」、「#!/about」、「#!/faq」、「#!/contact」です。これらのいずれかをクリックすると、JavaScript/jQuery はヘッダー、フッター、およびハッシュバンが関係するセクション (連絡先フォームの場合、セクションのヘッダーのクリック ハンドラーも削除されます。ページ）。現在、私はこれを使用しています：

これを行うためのより良い方法があることはほぼ確実です。また、このページとその動的コンテンツが Google のボットによって適切にクロール可能であることも確認したいと考えています。これを適切に行うにはPHPを使用する必要がありますか? どうして？

ありがとう！

ハッシュバング ナビゲーションを使用する動的サイトを SEO 用に正しく準備する方法を考えていたので、Google のMaking AJAX Applications Crawlableを最近読みました。mysite.com/#!/foobarで同等の html スナップショットを提供する必要があることを理解 しましたmysite.com/?_escaped_fragment_=foobar。

http://example.com/#!/foobar Google が私のページを正しくインデックス化するかどうか、またはこのescaped_fragmentURLを使用するかどうかを知りたいだけですか? 私は、検索結果に私のハッシュバン URL を正しく使用するが、インデックス化されたコンテンツはescaped_fragmentページから取得されたと想定しています (ただし、確認したいと思います)。

いくつかの確認は、私がよりよく眠るのに役立ちます. ありがとう

私は単一ページの Web アプリを構築しています (ページ/状態間を移動する際の柔軟性と速度が必要なため) が、ルーティング/URL に苦労しています ...

従来のパラダイムでは、次のような URL があります。

これを、対応するルートのテンプレートとコントローラーをロードするルーター (たとえば、バックボーンを使用) に置き換えたいと思います。

必要なページ情報を格納するページ オブジェクトを用意することを考えています。

ルーターを使用して、次のような URL を指定して、適切なコンテンツとページの状態をロードしたいと思います。

example.com/#!/tools/population-tool/?currentYear=1950

または、Hashbang を使用しない場合は次のようにします。

example.com/tools/population-tool/?currentYear=1950

このルーティングをどのように整理して、URL スキームが適切でありながら柔軟であり、リダイレクトや新しいクエリ文字列パラメーターを許可できるようにしますか?

パフォーマンスを向上させるために、公開サイトでクエリ文字列をハッシュバングに置き換えることを検討しています。

Superfish のようなメニューはハッシュバンと互換性がありますか? ハッシュ部分だけが異なるメニュー項目をクリックしたときにコンテンツの更新をトリガーするにはどうすればよいですか?

HTML5 プッシュ状態 (ハッシュ タグにフォールバック) を使用してクライアント側のナビゲーションを処理する単一ページの Web アプリケーションを作成しています。

私が気づいたことの 1 つは、ユーザーがページを下にスクロールしてから別のページへのリンクをクリックすると、そのページに移動したときにブラウザーがスクロールした位置にとどまるということです。

新しいページに移動すると、一番上までスムーズにスクロールできるようにしたかったのです (リンクをたどるときのすべての Web サイトと同じ動作)。

ナビゲーション コントローラーの小さな jquery アニメーションでこれを実現しました。現在の問題は、ブラウザーの [戻る] ボタンをクリックすると、以前のスクロール位置に戻らず、前のページに移動することですが、一番上までスクロールします。

最後/現在のクライアント側のナビゲーションがブラウザの戻るボタンまたは進むボタンによって引き起こされたかどうかを検出することは可能ですか? もしそうなら、これを使ってスクロールを防ぎます。

乾杯

#!私はhashbang（ ）メソッドを使用してページをスキップするプロジェクトに取り組んできました。基本的にページは1つだけで、クリックして別のページに移動すると、そのページにとどまりますが、URLが変更されます。たとえば、からindex.html#homeに変更されindex.html#about、新しいコンテンツがAJAX/JSONを介して読み込まれます。すべて正常に機能しますが、ブラウザーで「戻る」（または進む）と、URLのページのみが変更されますが、コンテンツを再ロードするためにjQueryが起動されません。

必要なのは、すべてのブラウザーで戻るアクションと進むアクションの両方を処理するコードです。これにより、jQueryからページをロードする関数を起動できます。どうすればよいですか？

私は素敵なアドレスプラグインを実装して、よりきれいなリンクと戻るボタンの使用のための内部リンクを処理しようとしています。私はなんとかそれを機能させましたが、私が気づいたことの1つは、ユーザーがそのURLをコピーして新しいウィンドウで開こうとした場合（または送信友達に）、ページのそのセクションにユーザーを連れて行くことはありません。明らかに、もうアンカーとして認識されていないためです。

ユーザーが URL を介して移動したときに、正しいセクションに表示するにはどうすればよいですか?

以下は、jQuery Address に従って使用しているコードのスニペットです。

また、実際の動作を確認するためのリンクは次のとおりです: http://nickdimatteo.com/kjd

AJAX アプリケーションで hash-bang URL を使用しており、サーバー側を次のように実装しています。

ハンドル ?_escaped_fragment_=key1=value1%26key2=value2

Google のFAQを見ると、この URLには同等のスナップショットがあると書かれています

スナップショットの内容が、対応するハッシュバング URL と同じでないことは簡単にわかります。この Google の例は役に立たないため、私の質問:

私の HTML ページには、AJAX によって更新される 3 つのコンポーネント/パネル/セクションがあります。onclickハッシュバン URL でイベントを使用して、サーバーからコンテンツをフェッチし、HTML ページの関連セクションを更新します。私のパネルは互いに独立して更新され、各パネルには独自の hash-bang URL があります。

私の質問は：

HTML スナップショットには、3 つのセクションすべてを含むページ全体を含める必要がありますか?それとも、更新されたセクションのみを含める必要がありますか?

ページ全体を返す場合、他の 2 つのセクションの状態を正しく取得することはほとんど不可能です。他の 2 つのセクションがデフォルトの状態で返された場合、Googlebot はサイトを拒否しますか?

パラメータ化された (#!hashbang) AJAX 呼び出しに jQuery で rel 値を使用しました。

そしてjQueryで：

しかし、validator.w3.org でページを検証すると、エラーが発生しました。

要素 a の属性 rel の値 #telephony が正しくありません: キーワード #telephony が登録されていません。

HTML5 仕様hereおよびhereに従って検索したところ、rel 属性には登録済み/事前定義済みの値が必要です。

1. 検証に失敗することなく、HTML5 で rel にカスタム値を使用する回避策はありますか?
2. HTML4 doctypes に対しても無効ですか?