windows 8 App,采用HTML5和JS开发，无法获取屏幕大小

Question

RT,Windows 8.1下
1.应用在全屏下展开（可以获取到屏幕大小，例如我的屏幕为2200）
2.拖动应用，将应用贴靠使用（可以获取到屏幕大小，此时在我电脑上，应用当前宽度为320）
3.随意拖动屏幕中间的黑色分隔栏，将应用全屏（这时应用无法获取屏幕大小）
急，求帮助

Answer 1

Hi 陆存璐,

你能share一下你的project么？因为在我这里做测试的时候一切都是正常的，我的代码如下：

首先注册一个OnResize的事件

window.addEventListener("resize", onResize);

然后对应的resize的事件里面代码：

    function onResize(eventArgs) {
        // Update view for the new window size

        
        updateView();

        var appWidth = eventArgs.view.outerWidth;

        wideLabel.innerHTML = appWidth;
    }

我全屏的时候是1600，Snap状态下为320，拉回至全屏的时候仍旧是1600，并没有你所说的无法获取屏幕大小的情况发生，请检查是否事件没有被触发或者别的什么原因。

另外你可以参考http://blogs.msdn.com/b/windowsappdev_cn/archive/2012/04/25/getting-your-pixels.aspx 这篇blog来规划自己的应用的视图变化。

我做测试用的代码是基于这个例子。如果你有疑问，可以告知我，多谢对论坛的支持。

---

James He
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 2

HI，谢谢帮助。问题有所改善，但是还有一个小问题（我不会HTML5和JS，都是看着网上教程学的），获取屏幕宽和高后，App从snap状态编程全屏，会先持续snap状态2s左右，再刷新成全屏状态。

我想让App，全屏速度快点或者splashscreen图片过渡一下，不然用户感受不好。

工程不方便分享，不是个人的。理解。

这个App在windows8下，是没问题的。只有在windows 8.1下，会有我说的这个问题。

Answer 3

HI there,

这里有篇文章我觉得应该对你会很有用，你可以看看：http://msdn.microsoft.com/zh-cn/library/windows/apps/hh465338.aspx 其中有提到你说的东西：

如果通过侦听 onresize 事件来对齐应用或旋转设备，则延长的初始屏幕应调整其初始屏幕图像的坐标。这有助于确保你的应用的加载体验看起来顺畅且专业，而无论你的用户如何操作其设备或在其屏幕上更改应用的布局。

这里你可以参考这个教程来实现目的：http://msdn.microsoft.com/zh-cn/library/windows/apps/hh700390.aspx

另外我这里暂时还没有win8.1的测试环境，不过我会对你说的问题进行测试，如果出现你所说的情况，我会提交给微软。

---

James He
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 4

Hi 

我早上做了一下测试，环境为8.1版本的VS2012和VS2013。

先来说一下VS2013，测试的时候不管怎么拉动app，都会触发onResize这个事件，可以说是完美支持。所以如果你不是用的VS2013开发的话，建议升级。

其次就是VS2012，这里面的表现的确很奇怪，在拖动窗体中间的黑色分割栏的时候，如下图所示，从黑色拉动到红色地方的过程中使不会触发onResize事件的，到红色线的地方可以触发事件，原因在于代码监控了视图变化的状态，也就是Snap状态从小区域变到默认的大区域。

不过我还是会将问题反馈给微软，多谢对论坛的支持。

以上请参考。

---

James He
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 5

谢谢您的帮助，因为一些事情，我回复晚了，抱歉。

对于我说的这个问题，是微软测试人员回复邮件，我才知道在windows8.1下会有问题。现在商店里的应用，很多应用在windows8是看着还不错的应用，在8.1的多任务浏览时，我个人觉得都不够完善，界面很别扭。

Answer 6

谢谢您的回复，我用的VS2013预览版。