美文网首页
几步将网页快速制作成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