私は、ユーザーがその上でクリックできるリンクは以下のURLを使用して、新しいタブでのGoogleマップの場所を開きますがあります。window.open - 灰色の画面iPhone Google Chromeの上
https://www.google.com/maps?q=123%20W%20Main%20St.%20Dallas%20Texas
私はjQueryので新しいタブを開くために使用します。
$(document).on('click','a',function(event) {
event.preventDefault();
var hrefValue = $(this).attr('href');
window.open(hrefValue,'_blank');
});
これはデスクトップユーザーとiPhoneのSafariユーザーと正常に動作します。しかしiPhoneのGoogle Chromeでは、Google Mapsアプリがインストールされていると、Googleマップアプリが開かれます(これは問題ありません)。また、ウェブサイトに戻ると、灰色の画面(罰金ではありません)が表示されます。私はこれを修正するには、 'Tab'アイコン(新しいタブは表示されず、既に開いていたタブのみ)と同じタブを再度選択してください。これはどうですか?あなたは、これはここで働いて見ることができます
: https://jsfiddle.net/fnexq36n/2/
私の環境:
- iPhone 5S(iOS搭載v9.3.2)
- Google Chromeの(最新)
- Googleマップ(最新)
2つのリンクを投稿できなかったため、ここに問題のスクリーンショットがあります。 http://i.imgur.com/Z55iee2.png –
jQueryを使用せずにターゲット属性を追加するのはなぜですか – Okba