問題タブ [address-bar]
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.
mobile-safari - モバイル Web サイトは、アンカー インクを使用してアドレス バー サファリ ブラウザーを非表示にします
以下は、Safari のモバイルでアドレス バーを非表示にする関数ですが、URl に # が存在しない場合にのみこの関数が開始されるという追加のロジックを構築するにはどうすればよいでしょうか。# がある場合は、アンカー リンクに移動する必要があるためです。
したがって、http://www.mymobilesite.com/index.html#start以下の関数を実行する必要はありません。
前もって感謝します!マルチェリーノ
hyperlink - 1 ページの Web サイト: アンカー リンクをクリックすると、アドレス バーの URL が書き換えられます
DIV-id と組み合わせた複数のアンカーを使用して、1 ページの水平スクロール Web サイトをセットアップしました。Web サイトには、訪問者のブラウザー ウィンドウに基づいて自動的に全ページをレンダリングする 5 つのページが並んでいます。
メニューには、ページ上のさまざまなアンカー (div-id) に対応する 7 つのハイパーリンクが含まれています (例: http://www.url.com/#partsix )。それらがクリックされると、訪問者はページのアンカー部分に自動的にスクロールされます。これはうまく機能し、本当にスムーズです。
私が扱っている問題は、ページがリロードされていないため、アドレスバーが更新されないことです。したがって、訪問者がページにリンクしたい場合、またはたとえば facebook ボタンのある URL のように、それは非常に困難です。
ページをリロードせずにアンカーリンクでアドレスバーを書き換える方法はありますか?
onclick="window.location.hash = hash;"
編集:ハイパーリンクでアクションを使用できることがわかりました。これは、アドレスバーでスクロールしているアンカーのハッシュを返します。魅力のように機能します。しかし: メニュー プラグインでは、このアクションをハイパーリンクに追加できません。したがって、javascript を使用して、このアクションを同じ li クラス内のすべてのハイパーリンクに適用できるかどうかを確認したかったのです。誰も方法を知っていますか?
すべてのメニュー リンクを含む li クラスは「mc_menu mc_depth_2」です。
android - Googleブラウザには高さのバグがあるため、jQuerymobileの非表示アドレスバーを備えたWebAppは機能しません
WebbAppsでアドレスバーを非表示にすると、ネイティブアプリのような感覚が得られます。残念ながら、アドレスバーを非表示にすることは、コンテンツが十分に大きい場合にのみjQuerymobileで機能します。コンテンツが小さすぎる場合は、フルスクリーンおよび固定フッターでも機能しません。http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.htmlを参照してください。理由はAndroidのブラウザのバグのようです。コンテンツが小さすぎる場合、jQuery関数$(window).height()は画面の高さとして450pxしか提供しません(私はGalaxyS2でAndroid2.3.6を使用しています)。アドレスバーの高さがありません。期待どおり、関数が508pxを提供するのに十分な大きさのコンテンツですか。また、非常に優れたアプローチ-http://www.semicomplete.com/blog/tags/jquery%20mobile-動作しません。私は機能するが500msの遅延が必要な解決策を見つけました。短時間ページをロードすると、アドレスバーがめくります。アドレスバーの反転がないという別のアプローチはありますか?
しかし、おそらく誰かがこれがさらにうまくいく方法についての考えを持っています。そしてそれはiOSでうまく機能しますか?誰かがiPhoneでこれをテストできたら素晴らしいと思います。前もって感謝します。
ここにコードがあります:
scrollTo関数はjQueryに実装されていますが、oriantationchangeまたはテキストフィールドへの入力後には機能しません。したがって、ここではsetTimeout-functionで必要です。
javascript - アドレスバーから inject $.post() を使用することは可能ですか?
$.post() コマンドを使用して変数を php ファイルに投稿する JavaScript があります。同じ .js ファイルにハードコードされた php ファイルの URL があります。
誰かがアドレスバーから $.post() コマンドを挿入して無効なデータを PHP ファイルに送信できるかどうかを知りたいだけですか?
はいの場合、それらの無効なデータを防止または検出する方法は?
google-chrome - Chromeブラウザのアドレスバーを多くのウェブサイトのデフォルトの検索バーとして機能させるために、Googleはどのアルゴリズムを使用していますか?
GoogleがChromeブラウザのアドレスバーをSO、Quroaなどの多くのウェブサイトのデフォルトの検索バーとして機能させるためにどのアルゴリズムを使用しているのか疑問に思っていますが、Facebook、metastackoverflowなどでは機能しません。
たとえば、stackoverflowでトピックを検索する場合は、chormeでこのように行うことができます。
また、検索結果から直接stackoverflowページに移動します。すなわち
quora.com
Chromeのアドレスバーでも検索することを選択した場合も同じことが起こります。facebook.com
ただし、アドレスバーや検索バーのある他の多くのWebサイトのように検索した場合、これは発生しません。
これはどのように起こっていますか?これを実現するためにGoogleはどのアルゴリズムを使用していますか?
私の質問がはっきりしていることを願っていますか?どんな助けでもいただければ幸いです。
javascript - JavaScriptを介してiPhoneのモバイルSafariでアドレスバーをプログラムで表示するにはどうすればよいですか?
モバイルSafariを介してWebサイトを表示し、一番上までスクロールすると、アドレスバーが表示されます。
私のWebサイトでは、これまでのところうまく機能するiScrollを使用する必要がありますが、上にスクロールすると<div>
、ブラウザのネイティブスクロール動作を使用せずに、iScrollが独自の要素内でのスクロールのみを偽造するため、アドレスバーが表示されません。
ユーザーにとって、これは使いやすさの悪夢です。アドレスバーを表示する唯一の方法は、iPhone画面の最上部にある細い黒いバーをタップすることであり、一部のユーザーはこれを知らないことに気づきました。
それで、ユーザーがiScrollコンテナーの一番上までスクロールしたときに、プログラムでアドレスバーを表示する方法があるのではないかと思いました。
google-chrome-extension - Chrome 拡張機能: 空白の新しいタブ + アドレスバーのフォーカス
この拡張機能を使用して 、新しいタブを開くたびに空白のページを取得していますが、残念ながら、新しいタブを開いた後、アドレス バーにフォーカスがありません。
新しいページのコンテンツを変更して、キーストローク 9 をディスパッチしてタブ キーをシミュレートしました。これにより、ブラウザーはアドレス バーにフォーカスしますが、機能しませんでした。
それを行うための代替手段はありますか?
firefox - FireFox-10 は URL ファビコンの関係をどこに隠しますか?
RedHat EL6 ディストリビューションの再構築である CentOS-6 を使用しており、これには FireFox-10.0.12 ESR が同梱されています。最近、いくつかの内部サーバーで favicon.ico イメージを変更しました。実際には、コーポレート ファビコンを持たないサイトにコーポレート ファビコンを提供しただけです。
さて、難点はこれ。ファビコンが提供される前に特定の URL にアクセスした FF ユーザーが、更新後にその URL にアクセスすると、新しいファビコンは URL アドレス バーにもそのページのタブにも表示されません。代わりに、favicon が存在しないことを示す破線のボックス アウトラインが表示されます。
ただし、以前に同じ URL にアクセスしたことのない FF ユーザーがアクセスした場合、その FF インスタンスは、その FF ブラウザーのアドレス バーとタブの両方に新しいファビコンを表示します。
私はこれを簡単に調べましたが、率直に言って、この問題がいかに一般的であるか、また Mozilla 自身のサポート フォーラムでさえ、この問題に対する賢明な対応がまったくないことに驚きました。私はplaces.sqliteストアでハッキングとピッキングを試みましたが、places.sqliteファイル全体を削除するか、ファビコンテーブルを空にしてFirefoxを再起動しても、タブとURLアイコン表示に変更されたファビコンが表示される問題は解決しません。ユーザーのブックマークを叩くだけです。
今では、静的ページを使用する URL<link rel="icon" href="favicon.ico">
の<head></head>
ブロックに追加するトリックに頼ることができますが、一部はサードパーティ アプリケーションによって動的に生成されます。これらの URL には、出力にこの変更を加えるための便利な方法はありません。
FireFox-10 は新しくアクセスした URL の favicon をどこにキャッシュし、その参照をユーザーのプロファイルからどのように削除しますか?
jquery - Web App Hide address bar の起動が遅すぎる
SO の投稿からアドレス バーを非表示にする方法を見つけたので、このスクリプトを実行して、アドレス バーがビューからスクロールされた後にビューポートの高さを取得する必要があります。
しかし、1 秒後に getViewPortSize() 関数を呼び出しますが、H 値と W 値はスクロールが行われる前に返されます。ダイアログ ボックスの [OK] をクリックすると、アドレス バーがスクロールされます。
これを期待どおりに機能させるのを手伝ってくれる人はいますか?