How to read the property values of the viewport meta tag?

Question

I have tried:

var viewportElement = document.querySelector('meta[name="viewport"]'),
    viewPort = {};

if (viewportElement) {
    viewportElement.content.split(',').forEach(function (property) {
        property = property.split('=');
        viewPort[property[0]] = property[1];
    });
}

console.log(viewPort);

It does give the expected result:

Object {width: "320", user-scalable: "no"} 

However, I am not sure if reading values of these properties from the tag attribute value is the correct approach. I am expecting that these properties are hiding somewhere under the window ?

Answer 1

这将得到你所需要的......

document.querySelector('meta[name="viewport"]').getAttribute("content").split(',')[0].split('=')[1]