Gruntjs 如何在grunt contrib jasmine中更改PhantomJS视口宽度？

我正在使用Grunt对我的响应式网站进行测试。Grunt contrib jasmine正在使用PhantomJS运行网页。我注意到默认的视口宽度是400px。不过，我也想测试一下我在大屏幕上的表现。如何更改PhantomJS的视口宽度

非常感谢

我的Grunfile.js

module.exports = function (grunt) {
    grunt.initConfig({
        cssmin: {
            css: {
                src: 'css/common/page.css',
                dest: 'css/common/page.min.css'
            }
        },
        jshint: {
            options: {
                browser: true,
                curly: true,
                eqeqeq: true,
                eqnull: true,
                funcscope: true,
                globals: {
                    jQuery: true
                },
                loopfunc: true,
                reporter: require('jshint-stylish'),
                smarttabs: true,
                shadow: true
            },
            all: ['Gruntfile.js', 'js/default.j s', 'js/utils.js', 'tests/jasmine-standalone-2.0.0/spec/*.js']
        },
        jasmine: {
            obpjs: {
                src: 'tests/jasmine-standalone-2.0.0/src/*.js',
                options: {
                    specs: 'tests/jasmine-standalone-2.0.0/spec/CommonSpec.js',
                    vendor: ['js/extlib.min.js', 'tests/jasmine-jquery/jasmine-jquery.js'],
                    helpers: ['js/utils.js', 'js/default.js'],
                    styles: 'css/common/page.min.css',
                    summary: true,
                    keepRunner: true
                }
            }
        },
        watch: {
            script: {
                files: ['js/default.js', 'js/utils.js'],
                tasks: ['jshint']
            },
            styles: {
                files: ['css/common/page.css'],
                tasks: ['cssmin']
            },
            tests: {
                files: ['js/default.js', 'js/utils.js', 'tests/jasmine-standalone-2.0.0/spec/*.js'],
                tasks: ['jshint', 'jasmine']
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-jasmine');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['jshint', 'jasmine']);
    grunt.registerTask('build', ['cssmin', 'jshint', 'jasmine']);
};

试试这个：

jasmine: {
    obpjs: {
        src: 'tests/jasmine-standalone-2.0.0/src/*.js',
        options: {
            specs: 'tests/jasmine-standalone-2.0.0/spec/CommonSpec.js',
            vendor: ['js/extlib.min.js', 'tests/jasmine-jquery/jasmine-jquery.js'],
            helpers: ['js/utils.js', 'js/default.js'],
            styles: 'css/common/page.min.css',
            summary: true,
            keepRunner: true,
            page: {
                viewportSize: {
                    width: 480,
                    height: 800
                }
            }
        }
    }
}

---

不，我认为它不起作用。页面对象未在jasmine的选项中公开。我发现的黑客方法是使用“replace”模块并在grunt contrib jasmine/node_modules/grunt lib phantomjs/phantomjs/main.js中手动配置页面对象，这对我来说很好。谢谢