問題タブ [address-bar]

Facebook でリンクをクリックしても、上部のヘッダー バーがちらつきません。私はコンテンツが ajax 経由で読み込まれるページでこの効果を見るのに慣れていますが、Chrome では URL が変更されており、私の知る限り、それは新しいページが読み込まれたことを意味します。

JavaScript では、リダイレクトなしでは URL を変更できないことはわかっていますが、ハッシュタグは変更できるので、これは非常に興味深いと思います。これは、以前のページから移動する前に Web ページをロードしてシームレスなエクスペリエンスを作成する chrome の機能ではないかと考えたので、Internet Explorer で試してみました。IE でも同様の効果が得られますが、今回は URL は変更されず、ハッシュタグのみが変更されます。FireFoxでも試してみたところ、chromeと同じようにURLが変更されました。

何が起きてる？

iPhone サイトのアドレス バーを非表示にしようとしています。当然、私はこれを最初に試しました：

うまくいきましたが...

私はそれを殺したiScrollを使用して行きました。絶対配置された要素がドキュメントフローから削除されると、これが本文の高さに影響し、上記のスクリプトが役に立たなくなると思います。

ドキュメント本文の高さに依存しない、アドレス バーを非表示にする別のトリックはありますか?

次のスクリプトを使用して、iPhone の Safari でアドレス バーを非表示にしています。

問題は、ページが完全に読み込まれずにユーザーが下にスクロールした場合、読み込みが完了すると再び元に戻ることです。これをより防御的なものにしたいので、ユーザーが電話を動かしてアドレスバーを自分でクリアしても、それが再び行われることはありません。

これはうまくいかなかった私の試みでした：

if(!window ... を実行し、else を取り出したが、テスト目的でこのように保持したいと誰かが言った場合に備えて、間違って書いている可能性を示しています。

何か案は？

AppleScript を使用して、サファリ ウィンドウのアドレス バーからアドレスを読み取りたい。

cmd+l、cmd+c でキーストローク シミュレーションを使用し、続いてクリップボードを読み取ることができます。しかし、これは明らかに非常に醜いハックです。

この投稿How to create a direct link to any fancybox boxを見て、なんとか実装できました。しかし、誰かが画像をクリックしても URL が変わらないことに気付きました。つまり、基本的に、スクリプトが行うことは、画像のリンクを人々に提供できるようにすることだけです。人々が自分の画像リンクをキャッチして共有したい場合はどうすればよいでしょうか? ユーザーがサイトをナビゲートするときに、アドレス バーにさまざまな画像の URL を表示することはできますか?

ページの読み込み時にフォーカスを入力要素に設定しようとすると、特定の状況で Firefox で失敗します。コードは次のとおりです。

ここで試してみてください: http://jsfiddle.net/johnericsutton/p6VhQ/。アイデアは、ページが読み込まれると入力要素がフォーカスを取得する (そしてテキストが選択される) という単純なものです。

次の状況では、Firefox で動作します。

• カーソルを URL バーに置き、Enter キーを押します。
• 入力テキストにカーソルを置いて Enter キーを押すか、リロード ボタンを押すか、Ctrl-R (Windows と Linux では、Mac では Cmd-R) を押します。

ただし、URL バーにカーソルを置いて再読み込みボタンを押すか、Ctrl-R (Windows と Linux では、Mac では Cmd-R) を押すと、Firefox では機能しません。console.log から、DOM が activeElementが入力であると認識していることがわかりますが、これは 2 つの意味で当てはまりません。

• CSS 入力セレクターはアクティブ化されていません。
• 入力要素がフォーカス イベントを受け取っていません。

そのため、ユーザーが URL バーをクリックしてリロードを押すのではなく、URL バーをクリックしてリロードを押すか、URL バーをクリックしてEnter キーを押します。なんて混乱！

Firefox とは、次のことを意味します。

• Linux および Mac では FF15。
• Windows および Linux では FF10。
• Windows 上の FF9。

私が試したすべてのバージョンの Chrome と Safari で問題なく動作します。

私が持っている唯一の「解決策」は、.focus() の前に alert() を導入することです。あまり満足できません！アラートには何を入れますか? 「Firefox のバグの回避策です。OK を押してください!」.

感謝して受け取ったより良いアイデア:)

Web ページのアドレス バーを非表示にしようとしています。Iphone 4以下では、

window.scrollTo(0,1);

およびメタ タグ。しかし、IOS 6 の場合、これらは機能しないようです。stackoverflow で他の同様の質問を確認しましたが、機能する解決策が見つかりませんでした。誰かが同様の問題に直面しましたか? はいの場合、サイトを Web アプリとしてホーム画面に追加し、そこから起動する以外の解決策はありますか。

ありがとうございました。

Jquery Mobile がアドレス バーを自動的に非表示にするのを止める方法があるかどうか疑問に思っています。どうやらデフォルトでこれを行っているようで、メカニズムを指している他の投稿が1つだけ見つかりました。誰かがこれにすでに素晴らしいことに取り組んでいる場合-そうでない場合は、オーバーライドを見つけてここに投稿します。助けてくれてありがとう！

拡張機能またはユーザースクリプトからGoogleChromeのアドレスバー/オムニボックスにテキストを入力することはできますか？

以下のコード行を使用して、Android アドレス バーを無効にしました。

ここでリンクをクリックすると、最初にアドレスバーが表示され、ページが読み込まれると消えます。読み込み中もアドレスバーを無効にしたい。出来ますか。