如何在Cordova PhoneGap中设置Windows应用的固定窗口大小
在Cordova/PhoneGap中设置Windows应用固定窗口大小的完整方案
嘿,这事儿我熟!要给Windows平台的Cordova/PhoneGap应用设置固定窗口大小,同时阻止用户调整窗口,完全可以通过config.xml配置搞定,下面一步步给你拆解:
1. 在config.xml中指定固定的窗口宽高
Cordova针对Windows平台提供了专属的偏好设置,你可以直接在config.xml的Windows平台配置块里定义窗口的初始宽度和高度。
打开项目根目录的config.xml,找到(如果没有就添加)<platform name="windows">标签,然后插入以下配置:
<platform name="windows"> <!-- 设置窗口的固定宽度(单位:像素) --> <preference name="WindowsWindowWidth" value="800" /> <!-- 设置窗口的固定高度(单位:像素) --> <preference name="WindowsWindowHeight" value="600" /> <!-- 可选:设置窗口在屏幕上的初始位置(左上角坐标) --> <preference name="WindowsWindowLeft" value="100" /> <preference name="WindowsWindowTop" value="100" /> </platform>
把value里的数值换成你需要的具体尺寸就行,WindowsWindowLeft和WindowsWindowTop是可选配置,用来控制窗口打开时的位置,不需要可以删掉。
2. 阻止窗口被调整大小
仅仅设置初始尺寸还不够,得防止用户拖动窗口边缘改变大小。同样在<platform name="windows">标签里添加另一个偏好设置:
<platform name="windows"> <!-- 禁止用户调整窗口大小 --> <preference name="WindowsResizable" value="false" /> </platform>
把WindowsResizable设为false后,用户就没法拖动窗口边缘来改变尺寸了,完美锁定窗口大小。
注意事项
- 这些配置仅对Windows平台生效,不会影响iOS、Android等其他平台的应用行为。
- 不管你是开发传统Windows桌面应用还是UWP应用,这些设置都能正常工作。
- 配置完成后,记得重新构建Windows应用(运行
cordova build windows),新的配置才会生效。
内容的提问来源于stack exchange,提问作者Mustafa bw
相关产品推荐
相关产品推荐

