美文网首页
几步将网页快速制作成Windows通用应用

几步将网页快速制作成Windows通用应用

作者: mtobeiyf | 来源:发表于2016-05-12 19:46 被阅读175次

从Windows8.1开始,微软便一直致力于构建UWP(Universal Windows Platform),即通用Windows平台。开发者只需构建一次通用应用,就可以快速适配电脑/平板/手机等Windows平台。
下面我将演示一下如何快速将一个网页构建为Windows通用应用,借此可以体会通用应用的一些特性。
我的环境配置:
系统:Windows 10
软件:Visual Studio 2015社区版
硬件:能联网的电脑一台!

Now, let's go!
1. 打开Visual Studio,因为我们要用到网页,所以新建一个Javascript的通用应用。
2. 接着找到右侧解决方案资源管理器,将图中选中的几项删除。
3. 右键配置文件package.appxmanifest

,查看代码


4. 找到如下代码行

StartPage="default.html"

5. 然后我们要把开始的页面换成网址,如下图。最好加上http://
6. 这样就结束了么?当然没有!

在下方插入如下代码:

1
2
3

<uap:ApplicationContentUriRules>

<uap:Rule Match="http://fing.leanote.com" Type="include" WindowsRuntimeAccess="all"/>

</uap:ApplicationContentUriRules>

这一步是将刚才的网址包含至uri规则中。

7. 好,记得Win 10开启开发者模式。F5,运行。大功告成!

现在我们调整一下窗口大小,看看会有什么变化。


对于各个尺寸,该应用都能自行调整。当然,这是网站的功劳。
其实,通用应用的最终效果应当如此,即对各种尺寸的屏幕自动调整。
在Windows 10发布之后,构建这样的通用应用也会变得快速、高效!

提醒:这样的应用仅供演示学习,并不推荐上传至应用商店。

相关文章

网友评论

      本文标题:几步将网页快速制作成Windows通用应用

      本文链接:https://www.haomeiwen.com/subject/xiyprttx.html