javascript - 排除在移动浏览器中运行的代码

Question

有谁知道我可以用来排除某些东西在移动浏览器中显示的一些代码。

我特别想排除某些图像和 Flash 文件显示在网站上 - 但仅限于在移动浏览器上查看时。

像这样的东西，但不知道“代码”是什么。

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

如果有人能够提供帮助，我将不胜感激。

Answer 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';
        }
    }
}

我承认我个人并不关注这里发生的一切，但我认为这些示例和两个不同的链接可以以某种方式为您提供您所追求的结果。