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

 时间:2024-10-15 11:48:49

1、首先是关于We水瑞侮瑜bView控件的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个办法,来一只灭一只
  • 变压器绕组变形测试仪频响法操作说明
  • 开天斩怎么升级最快?怎么快速升级?
  • 热门搜索
    我爱文学手抄报 爱我中华手抄报内容 幼儿手抄报 防病毒手抄报大全 新学期新计划手抄报 小学三年级手抄报 欢度国庆手抄报 小学生疫情手抄报 谷雨手抄报 预防新型冠状病毒手抄报内容