从移动浏览器中运行排除代码

时间:2012-04-26 15:46:23

标签: javascript jquery android html mobile

是否有人知道某些代码可用于排除某些内容在移动浏览器中显示。

我特别希望排除某些图片和Flash文件在网站上展示 - 但仅限于在移动浏览器上查看。

这样的东西,但是在;知道什么'代码'会的。

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

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

1 个答案:

答案 0 :(得分:1)

好像你可以查看META tag with something like this

JavaScript:

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

使用它来设置变量,然后使用类似的内容来检查变量和show/hide some content:

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

我承认我并不亲自关注这里发生的一切,但我认为这些例子以及两个不同的链接可以为您提供您所追求的结果。