首页 » 编程随笔 » 正文

wp8.1中webview加载网页无法滑动问题探究和解决过程

wp8.1中webview加载网页无法滑动问题探究和解决过程

 

这两天在移植UWP版本的“车粉圈”到wp8.1版本的时候,用webview加载的内容无法滑动。

QQ截图20160706143100

由于是在嵌套在pivot里面的,所以我第一时间想到的是受pivot控件的影响,因为不管wp8.1,还是uwp,只要webview嵌套在pivot里面,pivot是无法左右滑动的,但是可以上下滑动。而我遇到的这种情况,是webview跟本没办法滑动。

所以我尝试在pivot外部加载html,发现,同样不能滑动。于是,我试着直接给webview的source赋值,发现可以滑动。这时候,我错误的以为了是因为我用的webview的NavigateToString 方法,加载的html,导致页面无法滑动,于是我到处找wp8.1关于NavigateToString方法的使用问题,找了好久,然并卵。

在求助大神时,用webview的source指定我要加载的那个html页面,同样是无法滑动,这时候,前面的推断都错了。。。

并不是wp8.1  webview的NavigateToString方法的问题,因为用source赋值,同样也出现了问题啊。

这时候,就很明显了,是网页内容的问题。

QQ截图20160706143016

所以我看了看我要加载的Html字符串,发现除了文字外,还有样式文件,我想,是不是样式文件对webview加载造成了影响呢?于是,我对获取到的html字符串进行了部分Remove,然后,再试了试,惊奇的发现可以滑动了!

终于,直到我Remove掉这一行的时候,一切都恢复正常了!

6LUWSRNR)N()W61}%WPWOVG

 

来看看下面的解释:

]PA(0I7P8MDKW`F$937F`2V

在wp8.1上之所以无法滑动而在uwp上可以滑动,这个属性是针对IE10作用的,所以问题就在这里。

OK ,终于从这个坑爬出来了。。。。。欢迎喜欢uwp的同学加群:193148992 ,共同学习交流。

——IT追梦园

 

 

本文共 3 个回复

  • Script 2016/10/01 12:23

    文笔不错,从该问题入手,发现8.1的本质,探究了WebView对于不同CSS特性的兼容性,为广大开发者解惑。问题深刻,思路缜密,行文流畅,属于不可多得的好文! 😎

    • Script 2016/10/22 18:36

      @ Script 过了20多天,我现在也遇到了这个“WebView嵌套在Pivot里无法左右滑动切换Item”的问题,不知站长现在有解决办法了吗? 😆

      • 匿名 2016/11/04 18:13

        @ Script 没有,8.1有用js接收手指在webview上的滑动事件,但是uwp上总是报错。。

发表评论