facebook - Facebook コメント プラグインが iPad でモバイルの幅を表示する

Question

タイトルの通りです。iPad をお持ちの場合の URL は次のとおりです - iPad 用のコメント プラグインのレスポンシブ幅を削除するにはどうすればよいですか? (ページの下部) http://dev.assessmentday.co.uk/aptitudetests_numerical.htm

Answer 1

私もこれに出くわしました。これがiPad上にあることを検出した場合、data-mobile属性セットを手動で追加することで回避しました。false

<script>
    if (navigator.userAgent.match(/\biPad\b/)) {
        document.querySelector('div.fb-comments')
            .setAttribute('data-mobile', 'false');
    }
</script>

これは他のタブレットも処理できるように改善される可能性がありますが、それを行う最善の方法は、Facebookが「モバイル」を自動検出する方法に依存します。おそらくディスプレイの幅に基づいて、おそらくタッチイベントハンドラーの存在に基づいて、あるいは実際にサーバー側のユーザーエージェントによって。