問題タブ [deep-linking]

jQuery Mobile を使用してモバイル サイトを構築していますが、テスターの 1 人が、jQuery に組み込まれている標準のページ読み込み機能を使用して DOM に読み込んだページを再読み込み、ディープ リンク、またはブックマークする際の問題を指摘しました。モバイル。私はドキュメント、フォーラムの投稿、github のバグ リストなどを調べて解決策を探していましたが、何が間違っているのかについて頭を悩ませています。私が見ているものを示す非常に基本的な 2 ページの例をコンパイルしました。

まず、サンプル サイトのルート フォルダー (つまり/index.html) に次のようなindex.html ページがあります。

「news」という名前のフォルダー (つまり/news/index.html) に、次のような2 番目のページがあります。

だから、これはうまくいきます。「ホームページ」は正常に読み込まれます。ブラウザのアドレス フィールドに が表示されますhttp://m.example.com/。

「ニュース」リンクをクリックして、そのページを DOM にロードできます。ブラウザのアドレス フィールドに が表示されるようになりhttp://m.example.com/news/ました。ここに私の問題があります。ブラウザーのリロード ボタンをクリックすると、/news/index.htmlページがリロードされますが、メインのホームページ コンテキストが完全に欠落しているため、jQuery、css、または適切な HTML ドキュメント構造がありません。URL とそのドキュメントの内容を考えると、そうなると思います。しかし、モバイル サイトの外部からディープ リンクされている場合に機能するサブページへのリンクが必要です。

を使用してサブページにリンクするとhttp://m.example.com/#news/、これが機能し、サブページが正しく読み込まれ、ブラウザのアドレス フィールドが自動的に に書き換えられhttp://m.example.com/news/ます。これの問題点は、ページの URL をブックマーク、ツイート、電子メールなどで編集するたびに、URL を手動で編集する必要があることを人々が知る必要があることです。

DOM が正しく再作成されるように、ブラウザーを自動的にホーム ページに戻し、ユーザーに透過的にサブページの読み込みをトリガーする方法はありますか? 私は何が欠けていますか？

ユーザーが外部リンクからそのページにアクセスしたときに、そのファンシーボックスモーダルが開始されるように、ページにディープリンクを実装するにはどうすればよいですか。JS/Jquery は初めてです

質問があります。

ユーザーがサイトにアクセスしたときにカスタム URL がこれらのページを指すようにする通常のサイトがあります。

index.html - custom_index.cfm?custom_id=1&page_id=1&inc=index

about.html - custom_index.cfm?custom_id=5&page_id=5&inc=about

contactus.html - custom_contactus.cfm?custom_id=3&page_id=3&inc=contactus

どうすればそれに近づくことができますか？

このようなものは機能しますか？

私は現在、ライブの iOS ゲームに取り組んでいます。http://itunes.apple.com/ca/app/nomnom-combo/id498050261?mt=8

現在、アプリにディープリンクを実装しようとしています。

ストーリー リンクを投稿します。たとえば、高得点を誇るウォール ポストなどです。ディープ リンクは、アプリ開発者の iPhone でのみ機能します。サンド ボックス モードは無効です。

アプリをライブにする方法はありますか？有効にするには？

ご協力ありがとうございます

iOSアプリにディープリンクを実装しようとしています。私が理解している限り、iOSアプリに情報を返す方法はtarget_urlパラメーターを使用することです。

私が見に苦労しているのは、JSでのFB.ui呼び出しからtarget_urlを渡す方法です。送信するアプリリクエストのどのプロパティを使用する必要がありますか？

壁にフィードを投稿すると、ターゲットURLは通過するリンクになります。

アプリリクエストを送信しようとしたときに、FB.ui呼び出しで「link」プロパティを送信しても、target_urlパラメーターに何も追加されていないようです。私が得るものは target_url="http://apps.facebook.com/:<App Namespace>"

iOSアプリで取得したtarget_urlパラメーターを介して情報を渡すために、リクエストでどのプロパティを使用する必要がありますか？

ありがとう

これは重複している可能性があります。検索しましたが、どの用語を使用すればよいかわかりません。重複が見つかった場合は、この質問を削除します。

history.jsは、古いブラウザとの互換性が最も高いため、「最高の」ディープリンクajaxライブラリであると聞きました。しかし、私がこのlibについて見たすべてのデモは、？を使用してURLを変更します。のようなキャラクター/my/url?key=valueまたはそのようなもの。

プロジェクトのソースツリーを閲覧するとき、私はgithubのスライダーが本当に好きです。たとえば、フォルダをクリックすると、ブラウザで完全なURLを変更しながら、ハッシュやクエリ文字列のガベージなしで、フォルダのコンテンツが非同期に読み込まれます。

これを実現するライブラリがあるかどうか誰かが知っていますか？私は、html5に準拠していないブラウザでは機能しないライブラリに反対していません。純粋なHTML5プッシュ状態APIを使用する必要がありますか？

Backbone を使用してアプリケーションを作成しています。私のアプリケーションは、左側にナビゲーション ul、右側にメイン パネルがあるようにセットアップされています。これは、ユーザーが 1 つのメニューからそのサブメニューに、場合によってはそれ以上のサブメニューにナビゲートできることを意味します。

これが問題です。すべてのページがハッシュによって識別されるため、アプリケーションでかなり「深い」リンクに遭遇するようになりました (例: #navigation/menu1/tab1、#navigation/menu1/tab2)。これは、ページをさらに深くトラバースするときに非常に不便です。#this/is/a/really/long/url/that/goes/on/forever のようなリンクを href に配置することを想像してみてください。これは明らかに、従来のページごとの Web アプリケーションで慣れ親しんでいるように、Ajax アプリケーションが比較的リンクできないという問題です。

私は一人ではないことを確信しています。バックボーン アプリケーション (または実際には任意の ajax アプリケーション) でページを相対的にリンクするための適切なソリューションを誰かが持っているかどうか疑問に思っています。

現在、ディープリンクを実現するために jquery.address プラグインを使用しています。

たとえば、test1.html をロードしたいとします。リンクをクリックすると、アドレス バー /#/test1 に表示されます。ハッシュタグなしで /test1 だけを表示したいです。ユーザーがページをリロードした場合に備えて、PHP を使用します。

これが私のコードです:

JS -

HTML -

よろしくお願いします。

ルート パネルとして NavigationView を使用します。そして、私が達成しようとしているのは、ユーザーがアプリケーションの奥深くに移動したときにビューをルート パネルにプッシュし、ユーザーが戻ったときにビューをポップすることです。

私の問題を示す簡単な例を次に示します。いくつかのエントリの詳細を表示する 1 つのタイプのビューがあります。

また、ルート「entry/:id」をリッスンするようにコントローラーを構成し、このルートが一致したときに、新しい entrydetails ビューをナビゲーション スタック (NavigationView) にプッシュします。

よし、これはうまくいっている。まず、index.html#entry/1 に移動するとします。これにより、必要に応じて新しいビューがスタックにプッシュされます。次に別のリンク index.html#entry/2 をクリックします。別のビューがスタックにプッシュされます。これも意図した動作です。BROWSERSの戻るボタンをクリックすると問題が発生します。これにより、URL が index.html#entry/1 に変更され、さらに別のビューがスタックにプッシュされます。別のビューを追加するのではなく、ビューをポップしたかったのです。ツールバーの戻るボタンを押すと、ビューは思い通りにポップされますが、ブラウザの戻るボタンには当てはまりません。

なぜこれが起こっているのか理解できます: Sencha touch フレームワークは、URL の変更が以前のブラウザ履歴 URL と同じ URL を持つ別のリンクを押したことが原因なのか、それともブラウザの戻るボタンを押したことが原因なのかわかりません。そして、私のコードが知っているのは、URLが「entry/:id」に変更されたときに別のビューをスタックにプッシュする必要があるということだけです。

この問題を解決する最善の方法は何ですか。ブラウザの戻るボタンが押されたことを検出し、ナビゲーション ビューからビューをポップするにはどうすればよいですか。

変更された URL がナビゲーション スタックのさらに下のビューに似ているかどうかを確認することを考えましたが、それがその方法であるかどうかはわかりません。

このトピックに関するヘルプ/ディスカッションは大歓迎です!