使用phantomJS测试window.matchMedia

时间:2015-06-25 07:12:18

标签: javascript angularjs jasmine media-queries phantomjs

我使用AngularJS编写了一些JavaScript逻辑,以匹配javascript中的引导媒体查询,以获得更复杂的响应式用例。哪个工作正常,虽然有点难看:

var xs = window.matchMedia('screen and (max-width : 767px)');
xs.addListener(function(mq) {
            console.log('resize xs');
            if (mq.matches) {
                $timeout(function() {
                    service.screenSize = 'xs';
                }, 0);
            }
        });

然而,当尝试使用业力,茉莉和& phantomJS - 我无法找到调整实际窗口大小的方法。例如,当调整innerWidth的大小时,它会调整大小,但它不会触发媒体查询,因为它 - 我认为 - 查看窗口,而不是内部宽度。

任何人都知道如何解决这个问题?

0 个答案:

没有答案