UWP WebView如何引用应用包内html和js?

 时间:2026-02-15 05:32:25

1、首先是关于WebView控件的Source设定(Uri)的几种方式。

一个是红色框中的http或者https,是引用web。

一个是绿色框中的...data:,是引用应用在本地的存储文件夹下。

一个是蓝色框中的...web:,是访问应用包内的资源(比如Assets下)。

UWP WebView如何引用应用包内html和js?

2、在代码中对WebView进行Navigate时,要访问应用包内,要如图所示使用...-web,只有前半部分不行。

UWP WebView如何引用应用包内html和js?

3、如果是页面之间相互引用,在应用包内,同文件夹下,a标签的href可以直接设定文件名。

UWP WebView如何引用应用包内html和js?

UWP WebView如何引用应用包内html和js?

UWP WebView如何引用应用包内html和js?

4、简单效果如图所示,导航到第一个页面,点击<a>链接直接跳转到第二个页面。

UWP WebView如何引用应用包内html和js?

UWP WebView如何引用应用包内html和js?

5、如果还要引用js,css等文件,就要在html页面中写全uri了。如图是应用包内Assets文件夹下的待引用文件。

UWP WebView如何引用应用包内html和js?

6、和普通的html页面基本一样,使用link引用css,使用script引用js,但是href和src都使用UWP规定的的uri前缀,如图。

UWP WebView如何引用应用包内html和js?

7、再次打开程序,WebView导航以后,可以看到js代码和css样式都被加载并正确使用。

UWP WebView如何引用应用包内html和js?

UWP WebView如何引用应用包内html和js?

  • 火狐的常用设置、配置、附加组件,不断更新中!
  • 摩拜单车押金怎么退
  • 家里蟑螂除不尽,只需1个办法,来一只灭一只
  • 变压器绕组变形测试仪频响法操作说明
  • 开天斩怎么升级最快?怎么快速升级?
  • 热门搜索
    劳动节手抄报 三爱三节手抄报 清明手抄报内容 心理健康手抄报 节约粮食手抄报 读书的手抄报 读书节手抄报 校园安全手抄报 文明礼仪伴我行手抄报 四年级手抄报