私のサイトはレスポンシブで、iPhone の Safari で見栄えがします。しかし、iPhone の Twitter アプリから自分の Web サイトを閲覧すると、モバイル スタイルのほとんどが無視され、見栄えが非常に悪くなります。ブラウザーが何らかのモバイル アプリ (Twitter など) であるかどうかを検出し、代わりに既定のモバイル ブラウザー (Safari、ブラウザーなど) でページを読み込むようにするためにできることはありますか?
編集: CSS の max-width メディア クエリを厳密に使用し、HTML5 ブロック要素をターゲットにして、幅をパーセントに変更しました。2 つのナビで、必要に応じて表示属性を変更しました。
キャッシングの問題であることが判明しました。Twitterアプリで問題なく読み込まれます。奇妙なことに、何度か試した後でも、以前はそうではありませんでした。
あなたはユーザーにあなたのウェブサイトからブラウザからリンクを開くように強制することはできません。Android WebViewは制限されており、デフォルトではjavascriptやその他の拡張機能を許可していません。
私の知る限りでは、サイトをデフォルトのモバイル ブラウザーで強制的に開くことはできません。サイトをアプリの UIWebView で開くか、既定の Safari ブラウザーで開くかは、Twitter アプリだけで決定されます。もし Twitter アプリがあなたが選択できるインターフェイスを提供するほど親切だったなら、それは可能かもしれませんが、おそらくそうではありません。ほとんどのアプリ発行者は、ユーザーをできるだけ長くアプリ内にとどめようとしますが、通常、ユーザーを別のアプリに放り出すことはこれに反します。
おそらく最善の策は、サイトの応答性を改善して、Twitter アプリの UIWebView 内でも (または他のアプリ内でも) 動作するようにすることです。たとえば、応答性を画面の幅 (CSSmax-widthやフレンド) に基づいている場合、Twitter アプリの UIWebView 内でも動作するはずです。
あなたが説明している問題は、実際には非常に深刻で厄介なものです。アプリ内の UIWebViews は、Apple の特別なハンドラー (元の Safari 内で動作する) のすべてをデフォルトで実装しているわけではありません。アプリ メーカーはこれらを手動で実装することが期待されていますが、すべてのアプリの 99% はこれを行っていません。他の多くのアプリにも当てはまります。Google のネイティブ検索アプリも UIWebView 内の URL を開きます。サイトも見栄えが悪くなります。
また、Twitter にバグを報告し、アプリ内で開いたときの Web サイトの互換性を改善するように依頼することも検討してください。