解決済
livedoor blogのモバイル版で一部のコンテンツを表示させたくない
livedoor blogでブログを書いているのですが、よくAA(アスキーアート)を使います。([参考]
)PCではきれいに表示されるAAも、モバイルでは、フォント、画面の幅の制限があり、惨い表示になってしまいます。
これではせっかく携帯で読んでくれている人に申し訳なく、いっそのこと非表示にしたいです。
livedoorの独自タグかHTML/CSSで、PC/モバイルの表示・非表示を振り分けることはできるのでしょうか？
回答(2)
1.
スタイルシートで、携帯メディアに関しては
@media handheld {
div.mobile { display:none; }
}
のような書き方参考：
http://www.w3.org/TR/REC-CSS2/media.html#at-media-...
で、携帯画面での表示のスタイルを指定できるはずですが、
ブラウザが対応していないとか
ライブドアの場合、モバイル画面はＰＣでの設定と別に表示されるなどもあって、スタンダードな方法は難しいですね。
スクリプトで、表示を切り分ける(表示画面を作る)のがいいのかもしれません。
>>BLUEPIXYさん
こんにちは
「スクリプト」って言葉がヒントになって、今考えています。
携帯端末はJavaScriptをサポートしていないはず(?)なので、例えば、JSのdocument.writeでAAを吐き出させれば、PCでは表示され、携帯では表示できないのでは?、と考えています。
ただ、JSにはPHPでいうところの「ヒアドキュメント」がないらしく、document.writeでやるとすれば枚行document.writeを書かなければならないので面倒です。
また、ブログの投稿は、「改行をそのまま反映(改行が<br>に変換される)」にしているので、こいつも厄介です。
2.
ヒアドキュメント的なことを実現するには、
例えば、
<script type="text/html" id="constText1">
ヒアドキュメント的な内容<br>
<p>
<span><b>HTML</b>もＯＫ</span>
</p>
</script>
<script type="text/javascript"><!--
document.write(document.getElementById("constText1").text);
//-->
</script>
てな感じでできます。コメント(6)
1>携帯端末はJavaScriptをサポートしていないはず(?)なので、例えば、JSのdocument.writeでAAを吐き出させれば、PCでは表示され、携帯では表示できないのでは?
そうですね、一部の機種を除き携帯では表示されないと思います。
ただし、
<script type="text/javascript"><--
document.write("内容");
//-->
</script>
のようにＨＴＭＬコメントにしておかないと、スクリプトの中身が表示されてしまいます。1>面倒＆厄介です。
確かにそうですね。
元々、ＰＣのモノを携帯で表示しているだけということを考えに入れて、
特殊なモノについては「追記」の中にいれておいて
追記の中身について説明をつける・というような対処でもいいような気がします。
全キャリアでそうなのか自信はないですが、iframe使うと中身はモバイルではまったく表示されないのでは。
PC版の表示のほうも多大な影響がありそうであれですが(汗)
他にいいタグあるのかな。HTMLタグ勉強してないからよくわからん...
>#2
iframe を使うとなると、有料版でないといけないのでは？
<span><</span>!--<br>
このテキストが、PCでは表示され、携帯で表示されなければ、成功です。
--<span>></span>
コメントの間にタグを突っ込んで、携帯の、非対応タグが無視される特性を利用してみました。
一応ドコモの携帯では非表示になりました。
他のキャリアはどうなのでしょうか！？
#7>iframe、無料版でも問題ないですよ
いやいや、タグが使えるかどうかではなく、
src で読み込むためには、html をアップしないといけないですが、html をアップするためには、有料版でなければだめじゃない？
という意味ですが・
