W.I.S. Laboratory
menu-bar

html


Twitter 埋め込みタイムラインがiPhone5, iPhone5sなどで表示されない

Table内に配置したTwitterの埋め込みタイムラインが、iPhone5やiPhone5s、第4世代以降iPadなどで表示されないことがある。
原因がTwitter側にあるのか、iOS側にあるのかは不明だが、PCブラウザやAndroid、iOS5以下ではこの現象が現れない。
スクリプトタグを<DIV>タグで挟めば解決できる。

<a class="twitter-timeline" href="https://twitter.com/hogehoge" data-widget-id="xxxxxxxxxxxxxxxxxx">@hogehoge からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>



<div>
<a class="twitter-timeline" href="https://twitter.com/hogehoge" data-widget-id="xxxxxxxxxxxxxxxxxx">@hogehoge からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

[ 戻る ]
saluteweb