SnapView檢查javascript

Question

如何使用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 
    } 
} 

使用此代碼我試圖做的，但它是用破發點時，顯示不確定的。

Answer 1

我最近想出了一個解決方案。它不是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

Answer 2

正如吉姆說，你的代碼工作完全正常，但你沒有顯示你的對話討論。我只是添加了不同意見的文本框，並賦值和它的作品完美的罰款：

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) { 
    document.getElementById("screenMode").innerText = "s"; 
    } else if (newViewState === viewStates.filled) { 
    document.getElementById("screenMode").innerText = "f"; 
    } else if (newViewState === viewStates.fullScreenLandscape) { 
    document.getElementById("screenMode").innerText = "l" 
    } else if (newViewState === viewStates.fullScreenPortrait) { 
    //Currently not supported 
    } 
} 

HTML：

<input type="text" id="screenMode"/>