htmlcs/lib/rules/viewport.js

html hint tool, focused on semantic code style.

/**
 * @file rule: viewport
 * @author nighca<nighca@live.cn>
 */

module.exports = {

    name: 'viewport',

    desc: '<meta name="viewport" content="..."> recommended.',

    lint: function (getCfg, document, reporter) {
        var head = document.querySelector('head');
        if (!head || !getCfg(head)) {
            return;
        }

        var viewportMeta = head.querySelector('meta[name="viewport"]');
        if (!viewportMeta) {
            reporter.warn(head.startIndex, '027', '<meta name="viewport" content="..."> recommended.');
        }
    },

    format: function (getCfg, document, options) {
        var head = document.querySelector('head');
        if (!head || !getCfg(head)) {
            return;
        }

        var viewportMeta = document.querySelector('meta[name="viewport"]');

        if (viewportMeta && viewportMeta.parentNode === head) {
            return;
        }

        if (!viewportMeta) {
            viewportMeta = document.createElement('meta');
            viewportMeta.setAttribute('name', 'viewport');
            viewportMeta.setAttribute('content', 'width=device-width,minimum-scale=1.0,maximum-scale=1.0');
        }

        head.appendChild(viewportMeta);
    }

};