javascript - Snap View通过javascript检查

如何使用JavaScript检查snapview是否正常运行。

var SNAPPED_VIEW = 320;

window.addEventListener("resize", onViewStateChanged);

function onViewStateChanged(eventArgs) {
    var viewStates = Windows.UI.ViewManagement.ApplicationViewState, msg;
    var newViewState = Windows.UI.ViewManagement.ApplicationView.value;
    if (newViewState === viewStates.snapped) {
        var msg = new Windows.UI.Popups.MessageDialog("snap view mode");
    } else if (newViewState === viewStates.filled) {
        showMenu('filled');
    } else if (newViewState === viewStates.fullScreenLandscape) {
        showMenu('landscape');
    } else if (newViewState === viewStates.fullScreenPortrait) {
        //Currently not supported
    }
}

我正在尝试使用此代码，但是在使用断点时却显示未定义。

最佳答案

我最近想出了一个解决方案。它不是Windows 8应用程序专用的，因此不需要Windows.UI。

http://menacingcloud.com/?c=targetSnapMode

与@viewport声明结合使用时，它可以构成有效的组合。

@-ms-viewport { width: device-width; } @viewport { width: device-width; }

上面的@viewport声明在http://menacingcloud.com/?c=cssViewportOrMetaTag上讨论