0

モバイルブラウザに表示されないように特定のものを除外するために使用できるコードを知っている人はいますか？

特に、特定の画像とフラッシュファイルをWebサイトに表示しないようにしたいのですが、モバイルブラウザで表示した場合のみです。

このようなものですが、「コード」が何であるかわかりません。

<code><img src="smiley.gif" alt="Smiley face" width="32" height="32" /></code>

誰かが助けてくれるなら、私は感謝するでしょう。

4

1 に答える 1

1

METAタグはこんな感じで調べられるようです

JavaScript:

var agent=navigator.userAgent.toLowerCase();
var is_iphone = ((agent.indexOf('iphone')!=-1);
if (is_iphone) { conditional code goes here }

それを使用して変数を設定し、次のようなものを使用して変数をチェックし、一部のコンテンツを表示/非表示にします。

XHTML:

<p>...This is all visible content... 
<a href="#" id="example-show" class="showLink" 
onclick="showHide('example');return false;">See more.</a>
</p>
<div id="example" class="more">
<p>...This content is hidden by default...</p>
<p><a href="#" id="example-hide" class="hideLink" 
onclick="showHide('example');return false;">Hide this content.</a></p>
</div>

CSS:

.more {
    display: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
    text-decoration: none;
    color: #36f;
    padding-left: 8px;
    background: transparent url('down.gif') no-repeat left; }
a.hideLink {
    background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #36f; }

JavaScript:

function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}

ここで起こっていることすべてを個人的にフォローしているわけではないことは認めますが、これらの例と 2 つの異なるリンクによって、目的の結果が得られると思います。

于 2012-04-26T15:59:03.443 に答える