webview无法加载data-src资源

最新推荐文章于 2023-01-11 16:26:45 发布
最新推荐文章于 2023-01-11 16:26:45 发布
阅读量991 收藏
点赞数
分类专栏： android遇到的细节问题分享 文章标签： webview js交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014081066/article/details/79852441
版权

最近做的项目内容数据是爬去的其他资源，服务器给过来的都是页面代码。要求正常展示页面内容，同时点击页面图片进入大图模式。

实际开发中：

webview使用loadDataWithBaseURL(null,str,"text/html","utf-8","")发现无法加载该页面代码内的图片。loadData()也是无效的，然后去问了下h5开发的同事发现他们是可以正常加载的，ios也是。那么好了 问题只可能是我们这边。通过排查 发现了一个问题，服务器给过来的代码内图片标签是这样的：

<img data-type="gif" data-src="http://../1d04dd19a3760dd462172c5bbf57b3c.gif" data-copyright="0" style="" data-ratio="0.5625" data-w="400"></p><p>

这里加载图片用了data-src，也就是懒加载的方式加载的，测试发现webview无法加载data-src，换成src资源的时候是可以完美加载的。发现了问题所在就好解决了。为了正常展示 首先我们通过正则匹配到每个img标签下的data-src这一字符串存放于数组：


最低0.47元/天 解锁文章
ksformemsm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用WebView.load(data,"text/html", "utf-8")加载显示乱码问题分析
hwliu51的笔记
04-17 3万+
使用WebView的load(data,”text/html”, “utf-8”)加载含有中文的网页示为乱码问题，跟踪源码，分析原因和解决方法
WebView loadData出错(奇怪的设计)
tibaloga
08-02 119
今天遇到一个奇怪的问题。 我使用WebView加载一个网页。 方法1. 直接使用 loadUrl() 方法，没有问题。完全可以。 方法2. 使用loadData()方法，出现问题，无法显示。 方法3. 使用loadDataWithBaseURL()方法， 完全可以。 -----------------------------------------------------------...
VS不能加载web项目的解决方法
weixin_33816611的博客
06-08 446
不能加载web项目是在部署asp.net web项目时遇到的问题之一，今天我把我所知道的东西来做个总结。错误表现及解决方法：1.不能从指定的Url加载web项目详细描述：我们在新建一个web项目时，需要指定的是虚拟路径（url）路径而不是物理路径，vs读取项目文件的时候也是从新建时指定的那个虚拟路径找，而不是从计算机的物理路径找。一般来说，虚拟路径和物理路径的对应关系为：localhost/myA...
android webView.loadData终极解决方案
热门推荐
沈阳斌子
11-20 1万+
今天做项目用到webview控件来加载html语言来进行页面展示，
android加载js语句无效,Android webview调用js代码无效 webView.loadUrl("javascript:alert('hello')")...
weixin_39800112的博客
05-29 605
1) WebSettings设置支持javascriptmWebView.getSettings().setJavaScriptEnabled(true);2) 在运行脚本前，要有document对象，至少得load一个空白页webView.loadData(“”,"text/html","UTF-8");3)如果还是不行的话，就应该是因为第一个还没执行完呢webView.loadData(“”,...
Android webview如何加载HTML,CSS等语言的示例
08-28
1. 使用 script 标签加载 JavaScript 文件：可以使用 script 标签加载 JavaScript 文件，例如：<script src="js_url"></script>. 2. 使用 WebView 的 addJavascriptInterface 方法加载 JavaScript 文件：可以使用 ...
uniapp与webview之间的相互传值的实现
10-15
当Webview加载完成并且uni-app的JSBridge准备就绪时，可以监听`UniAppJSBridgeReady`事件，然后通过`uni.postMessage()`方法发送数据。 ```javascript document.addEventListener('UniAppJSBridgeReady', function...
android webview加载gif图片
06-22
// 阻止WebView加载此URL } else { return super.shouldOverrideUrlLoading(view, url); } } }); ``` 这里`isGifUrl`函数需要你自己实现，用于检测URL是否指向GIF文件。 3. **使用WebChromeClient**： 另...
android Webview加载本地图片，自适应布局大小
06-20
总之，Android中的WebView加载本地图片并自适应布局大小，需要结合HTML、CSS、JavaScript以及Java代码进行综合运用。理解WebView的工作原理和配置选项，以及合理的图片尺寸控制和性能优化，都是实现这一功能的关键点...
webview加载html,播放音视频，响应js事件
07-24
综上所述，这个示例涵盖了WebView加载HTML内容、播放音视频以及JavaScript与Android交互的基础知识，同时也提出了在处理返回键时音频继续播放的问题，需要进一步完善。开发者在实际应用中，应根据需求进行更深入的...
前端性能优化：使用Data URI代替图片SRC
weixin_30849591的博客
07-07 127
日期：2013-7-6来源：GBin1.com 提升页面大小的效率，不仅仅是取决于使用精灵或是压缩代码，给定页面的请求数量在前端性能中也占有了很不小的重量。减少请求可以让你的网站加载更快，而其中一种减少页面请求的方法就是用Data URI代替图片的src属性： <!-- 以前的写法 --> <img src="/images/logo.png" /> <...
src与data-src
nuoaaa的博客
07-02 2312
这几天给朋友用wordpress搭了个网站 每个post里的图片总是在preview下能正常显示，发不出去后却没了 检查一下后发现用了懒加载 把data-src的值赋给src就好了 $("#imgs"+i).attr('src', $("#imgs"+i).attr('data-src')) //把data-src的值 赋值给src ...
利用data-src属性 更换图片
weixin_30663391的博客
03-27 2098
<div class="img_src"> <img src="./images/luo.png"></div> <ul class="ul_div"> <li class="current" data-src="./images/tihuan1.png">1</li> <li data-src="./images...
data-lazyload-src滚动加载优化
xingfuzhuizhuzhe的专栏
12-02 5024
滚动加载优化 一般情况下，滚动加载是通过在window上绑定scroll事件，实时遍历容器数组，计算每个元素的scrollTop，满足要求的就触发回调，并从数组里删除该节点。 这样的思路最简单，但是我们知道scroll事件的触发是非常频繁的，在每次触发的时候遍历数组，时间复杂度为O(n)，需要滚动加载的元素越多，每次滚动过程的遍历就越慢，成线性增长。 在做排行榜的时候，因为全站要进行滚动加载
怎么在模板中给相应的元素添加 data-src 属性
weixin_35750747的博客
01-11 552
在模板中给元素添加 data-src 属性可以使用 v-bind 指令，语法如下: <template> <div> <img v-bind:data-src="imageSrc"> </div> </template> 在脚本中定义 imageSrc 即可. 如果您是在HTML自己写的话，可以直接用 data-src=...
html data-src和src的区别,img 的data-src 属性实现懒加载
weixin_42581003的博客
06-21 8290
一、什么是图片懒加载？当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次)，当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。通俗一点：1、就是创建一个自定义属性data-src存放真正需要显示的图片路径，而img自带的src放一张大小为1 * 1px的图片路径。2、当页面滚动直至此图片出现...
关于webview加载带图文的html格式数据
bangmian3968的博客
10-26 147
webview.loadDataWithBaseURL(null, data + "", "text/html", "utf-8", null); 注意：上述图片的路径为相对路径，用webview加载时无法加载出来，应改为http://前缀的网络路径； webview使用时出现的内存泄漏问题注意处理！ @Overrideprotected void onDestroy() { ...
巧妙将图片img src与data-src的值互换（mvc）
weixin_45932157的博客
02-12 4125
错误原因:由于在src的某些值是有图片的，而有些值是没有图片的，但data-src始终是有图片的，所以我们需要将data-src的值赋予给src即可解决这个问题。 错误情况： 下面没有图片，检查： 查看src的图片： 一样都没有。 再看data-src的图片： 是有图片的。 解决： <script src="~/Scripts/jquery-3.4.1.js"></scr...
loaddatawithbaseurl html/text,WebView使用loadDataWithBaseURL顯示源html，而不是渲染視圖
weixin_32469089的博客
07-05 858
I'm developing an application witch uses WebView to render custom html. But when I callloadDAtaWithBaseURL(URL, "TEST", "text/html; charset=utf-8;", "utf-8", null);it shows html itself (not rendered o...
uniapp 使用webview 加载live-pusher 打开摄像头 并生成全部代码
最新发布
07-14
UniApp 中使用 WebView 加载 LivePusher 并打开摄像头的代码如下： ```html <web-view :src="webviewUrl"></web-view> export default { data() { return { webviewUrl: '...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值