Home
IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。
CSSのdisplay:box;が使えなかったためだ。
つまったのがLINEアプリ内ブラウザだ。
ユーザーエージェントは分かるが内容が変わってしまう。
ググってみつけた方法で成功した。
その方法は、ユーザーエージェントの文言の中に『Line』という記述があるので、その記述を含んでいた場合、LINEアプリ内ブラウザと判別する。
【例】LINEのユーザーエージェント（2017/05/30時点）
Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_2 like Mac OS X) AppleWebKit/603.2.4 (KHTML, like Gecko) Mobile/14F89 Safari Line/7.3.3
１．functions.phpに以下のものを書く
|
1 2 3 4 |
function is_line() { $is_line = (bool) strpos($_SERVER[‘HTTP_USER_AGENT’],’Line’); if ($is_line) { return true; } else { return false; } } |
２．条件分岐を行い箇所のに以下のものを書く
|
1 2 3 |
<?php if ($is_IE || is_line()):?> <?php else: ?> //FirefoxとGoogleChomeとSafariのとき <?php endif; ?> |
この方法を知っておくと、他のユーザーエージェントの場合でも対応できるから良いですよ♪
参考サイト：「wordpressでスマホブラウザ別に表示を分岐する方法」
FaceBookの条件分岐も書いてあります
http://qiita.com/yumayamada1029/items/e5f3eb6e1e05264b2714
FaceBookの条件分岐も書いてあります
http://qiita.com/yumayamada1029/items/e5f3eb6e1e05264b2714
