iOS 向けの Chrome が登場しました。
ただし、画面レイアウトが異なるため (フッター ツールバーがない)、iPhone の Web ページに最適なレイアウトを作成することができません。
私は自分の会社のサイトを iPhone の画面内に完全に配置しました。スクロールは不要で、アプリのように見えました。しかし、画面レイアウトが異なる chrome がここに (そして非常に人気があり) 登場した今、iPhone Safari 用にサイズ設定されたサイトは奇妙に見えます。
Safari からクロムを分離し、それらに異なる CSS を与える方法はありますか、またはありますか?
Chromeのモバイルバージョンには「CriOS」という文言が含まれているため、ユーザーエージェントと照合できます。これに応じて、異なる/追加のスタイルシートをロードできます。
Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0
(KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3
参照: https://developers.google.com/chrome/mobile/docs/user-agent
2行だけでJSで確認できます。
var userAgent = navigator.userAgent.toString().toLowerCase();
if(userAgent.indexOf('crios') != -1) { alert('you are using chrome for ios') }
PHP については、以下を参照してください。