0

JavaScript を使用して、Web ページに次のいずれかが含まれているかどうかを確認するにはどうすればよいですか。

<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1, user-scalable=no" />

<meta name="viewport" content="initial-scale=1.0 maximum-scale=1" />

<meta name="viewport" content="maximum-scale=1" />

<meta name="viewport" content="maximum-scale=1.0" />

<meta name="viewport" content="user-scalable=no" />

これらのいずれかがソースにある場合は、一連の if 条件のように特定の JavaScript コードを実行します。

基本的に私がやろうとしているのは、とにかくズームが無効になっているかどうかを確認し、無効になっている場合は特定のコードを実行し、そうでない場合は他のコードを実行することです。

4

2 に答える 2

0

使用できます

function readViewportValues(){
    var metas = $('meta[name=viewport]');
    var properties = {};

    function isNumber(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }

    function readItem(index, text) {
        var parts = jQuery.trim(text).split(' ');
        console.log(parts);
        if (parts.length > 1) {
            $.each(parts, readItem);
        } else {
            parts = parts[0].split('=');
            var key = jQuery.trim(parts[0]),
                value = parts[1];
            value = isNumber(value) ? parseFloat(value) : value;
            properties[key] = value;
        }
    }

    metas.each(function () {
        var content = $(this).attr('content').split(',');
        $.each(content, readItem);
    });
    return properties;
}


// usage
var viewport = readViewportValues();
if (viewport['maximum-scale'] === 1){
    // do something
}

これにより、見つかったプロパティを持つオブジェクトが返され、クエリを実行できます..

于 2013-04-26T08:41:36.213 に答える
0 
var nodes = $('meta[name=viewport]'); 
$(nodes).each(function(index, nodeValue){ 
     var content = $(nodeValue).attr('content');// check nodeValue here 
     // You will get values of content from each meta element here in content variable ex. "user-scalable=no"
     // so now based on these values you can so do any processing you want
});
于 2013-04-26T09:26:40.683 に答える