首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

问题记录

背景 昨天,遇到三个神奇的问题,这里记录一下 SDWebImage图片加载之后黑色的问题,安卓显示正常 WKWebview 加载 vnd.ms-excel 文件,加载xlsx 文件,预览不了 用户反馈拍照唤起相机黑屏...然后笔者取到照片的链接在 Chrome 中打开,发现图片是可以显示的;在 Safari 中打开,是黑色的;且 Chrome 中右键保存到本地,预览中打开也是黑色。...WKWebview加载xlsx 文件,预览不了的问题 笔者这边的情况是,打开了一个网页,网页中的有个按钮,点击之后的链接,正常在电脑浏览器上打开是下载,在 iOS 的 WKWebview打开是预览。...用户反馈拍照唤起相机黑屏 用户反馈打开相机界面,显示黑色,相机加载失败,手机为 iPhone 7P。 起初以为是用户权限没开,但是用户验证后发现已经开启。...陷入了僵局,最后用户反馈打开系统相机也是黑屏,但是把缩放调到2倍就正常了。

1.2K20

WKWebView 白屏问题

1、WKWebView 自诩拥有更快的加载速度,更低的内存占用,但实际上 WKWebView 是一个多进程组件,Network Loading 以及 UI Rendering 在其它进程中执行。...初次适配 WKWebView 的时候,我们也惊讶于打开 WKWebView 后,App 进程内存消耗反而大幅下降,但是仔细观察会发现,Other Process 的内存占用会增加。...在一些用 webGL 渲染的复杂页面,使用 WKWebView 总体的内存占用(App Process Memory + Other Process Memory)不见得比 UIWebView 少很多。...在 WKWebView 中加载下面的测试链接可以稳定重现白屏现象: http://people.mozilla.org/~rnewman/fennec/mem.html 这个时候 WKWebView.URL...B、检测 webView.title 是否为空 并不是所有H5页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的H5页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象

4.3K20

WKWebView 那些坑

初次适配 WKWebView 的时候,我们也惊讶于打开 WKWebView 后,App 进程内存消耗反而大幅下降,但是仔细观察会发现,Other Process 的内存占用会增加。...B、检测 webView.title 是否为空 并不是所有H5页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的H5页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...; 5、WKWebView 页面样式问题 在 WKWebView 适配过程中,我们发现部分H5页面元素位置向下偏移被拉伸变形,追踪后发现主要是H5页面高度值异常导致: a....退出的时候,JS刚好执行了window.alert(), alert 框可能弹不出来,completionHandler 最后没有被执行,导致 crash;另一种情况是在 WKWebView打开,...JS就执行window.alert(),这个时候由于 WKWebView 所在的 UIViewController 出现(pushpresent)的动画尚未结束,alert 框可能弹不出来,completionHandler

4.4K130

Hybrid App 应用 开发中 9 个必备知识点复习(WebView 调试 等)

检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView 页面样式问题 在 WKWebView 适配过程中,我们发现部分 H5 页面元素位置向下偏移被拉伸变形,追踪后发现主要是 H5 页面高度值异常导致。...,导致crash; 另一种情况是在 WKWebView打开,JS就执行 window.alert(),这个时候由于 WKWebView 所在的 UIViewController 出现( push...如果你需要在 WebView 中打开链接或者你打开的页面带有 flash,获得你的 WebView 想弹出一个 dialog ,都会导致 ApplicationContext 到 ActivityContext...Chrome 30 更高版本。更强大的 WebView 界面调试功能需要 Chrome31 更高版本。 Android 应用程序中的 WebView 配置为可调试模式。

3.1K00

WKWebView 那些坑

初次适配WKWebView的时候,我们也惊讶于打开WKWebView后,app进程内存消耗反而大幅下降,但是仔细观察会发现,other process的内存占用会增加。...1.2、检测webView.title是否为空 并不是所有页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的H5页面上present系统相机,拍照完毕后返回原来页面的时候出现白屏现象...; 5、WKWebView 页面样式问题 在WKWebView适配过程中,我们发现部分H5页面元素位置向下偏移被拉伸变形,追踪后发现主要是H5页面高度值异常导致: a....退出的时候,JS刚好执行了window.alert(), alert框可能弹不出来,completionHandler最后没有被执行,导致crash;另一种情况是在WKWebView打开,JS就执行window.alert...(),这个时候由于WKWebView所在UIViewController进入(pushpresent)的动画尚未结束,alert框可能弹不出来,completionHandler最后没有被执行,导致crash

17K21

【Hybrid】288- Hybrid App 应用开发中 9 个必备知识点复习

检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView 页面样式问题 在 WKWebView 适配过程中,我们发现部分 H5 页面元素位置向下偏移被拉伸变形,追踪后发现主要是 H5 页面高度值异常导致。...,导致 crash; 另一种情况是在 WKWebView打开,JS就执行 window.alert(),这个时候由于 WKWebView 所在的 UIViewController 出现( push...如果你需要在 WebView 中打开链接或者你打开的页面带有 flash,获得你的 WebView 想弹出一个 dialog ,都会导致 ApplicationContext 到 ActivityContext...Chrome 30 更高版本。更强大的 WebView 界面调试功能需要 Chrome31 更高版本。 Android 应用程序中的 WebView 配置为可调试模式。

2.3K20

Hybrid App 应用开发中 9 个必备知识点复习

检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView 页面样式问题 在 WKWebView 适配过程中,我们发现部分 H5 页面元素位置向下偏移被拉伸变形,追踪后发现主要是 H5 页面高度值异常导致。...,导致 crash; 另一种情况是在 WKWebView打开,JS就执行 window.alert(),这个时候由于 WKWebView 所在的 UIViewController 出现( push...如果你需要在 WebView 中打开链接或者你打开的页面带有 flash,获得你的 WebView 想弹出一个 dialog ,都会导致 ApplicationContext 到 ActivityContext...Chrome 30 更高版本。更强大的 WebView 界面调试功能需要 Chrome31 更高版本。 Android 应用程序中的 WebView 配置为可调试模式。

2.6K20

Hybrid App 应用开发中 9 个必备知识点复习

检测 webView.title 是否为空 并不是所有 H5 页面白屏的时候都会调用上面的回调函数,比如,最近遇到在一个高内存消耗的 H5 页面上 present 系统相机,拍照完毕后返回原来页面的时候出现白屏现象...WKWebView 页面样式问题 在 WKWebView 适配过程中,我们发现部分 H5 页面元素位置向下偏移被拉伸变形,追踪后发现主要是 H5 页面高度值异常导致。...,导致 crash; 另一种情况是在 WKWebView打开,JS就执行 window.alert(),这个时候由于 WKWebView 所在的 UIViewController 出现( push...如果你需要在 WebView 中打开链接或者你打开的页面带有 flash,获得你的 WebView 想弹出一个 dialog ,都会导致 ApplicationContext 到 ActivityContext...Chrome 30 更高版本。更强大的 WebView 界面调试功能需要 Chrome31 更高版本。 Android 应用程序中的 WebView 配置为可调试模式。

2.3K30

ios 微信 h5 中的 chooseImage 接口拿到 localId 后无法通过 img 标签显示图片

最近的一个微信 h5 项目,用到了 微信 jssdk 的 chooseImage 方法,遇到了坑,在这里记一下 需求是用户拍照上传本地图片,先显示出来,然后再上传图片做其他的事情,弄的过程中发现,安卓可以使用...chooseImage 方法返回的 localId 显示图片,ios 显示不出图片 查了下,找到了解决方法: ios 微信 6.5.3 版本开始支持开发者手动切换 WKWebview 和 UIWebview...,使开发者可提前对 WKWebview 进行适配 WKWebview 不再支持通过使用 chooseImage api 返回的 localld ,如:”img src=wxLocalResource:/...['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机

1.5K20

CleanMyMac2022最新电脑清理软件功能简介

图一:解锁完整版本打开激活对话框或者点击“CleanMyMac”-“激吗...”,出现“许可证激活”对话框。图二:打开激活对话框2.在此窗口中点击“输入激活号码...”,然后输入已经够麦的及码。...图三:输入激吗并激活3.点击“激活”即可成功注册CleanMyMac,这样就可以彻底清理自己的Mac啦!...监视您的可移动设备,以便垃圾服务文件中清除它们。一键智能扫描,高效清理系统垃圾。智能卸载,可分析并彻底卸载指定 App。搜索删除无用大文件,将有限的硬盘空间还给用户。...通过移除编辑的图片的原始副本减小iPhoto图片库的大小,可以:- 将原始副本转变为可用空间通过移除根据自己的爱好修改的图片的隐藏原始版本减小图片库的大小。...一旦这些操作编辑应用,已修改图片的原始副本就被隐藏到图片库中了,您可能再也不需要他们了。- RAW某些照相机不会自动将它们拍摄的照片转换成便于使用的格式,于是该类照片就会导入成RAW图像文件。

88520

Flutter 与 iOS 原生 WebView 对比

测试手机:iPhoneX 系统:iOS12.0 加载速度对比 测试网页打开的速度,只需要获取 WebView 在开始加载网页和网页加载完成时的时间戳,时间戳的差即为打开网页的时间。...> UIWebView > flutter_webview 占用内存对比 这里查看内存使用的是 Xcode 的 debug session 中的 memory,首先看之前测试时,连续打开十次新浪的内存情况...: 接着我们在看一下打开淘宝首页的内存情况 图上可以看出,WKWebView 在内存方面有很大的优势啊,UIWebView 的内存是真的伤啊,然后 debug 看了一下 flutter_webView...他相比较原生 WKWebView 的内存开销稍大一点,测试表现来看,一般大个 30 MB 左右。...不过如果多端考虑、以及项目可迁移等,那么使用也未尝不可,就是维护成本要增加一些,需要维护两套 webView。这个就需要根据自己的情况自己取舍了。

1.6K20

技术 | Hybrid载体的变化(一)

iOS的角度上来说载体UIWebView变成了WKWebView,Android有着他们自研的X5当然原生的内核,如果你用着Android7.0也不见得会卡,这才是小程序能出来的根本原因,没有载体,...github.com/icepy")) 说到JavaScript交互比较重要的地方是需要实现“WKScriptMessageHandler”协议的“userContentController”方法,这是JavaScript...在此之前,我们应该先监控好一个应用打开的完整状态,你需要实现WKNavigationDelegate协议,如下几个方法: func webView(_ webView: WKWebView, didStartProvisionalNavigation...开始经过didCommit最后didFinish的累加,这个时间不是渲染时间,渲染时间在客户端上是很难统计的,我的建议是做一个JS-API,让Web应用主动的提供渲染完成时间,客户端这边页面加载完成开始计时...你身边如果有朋友对混合领域(跨技术栈)全栈,编程感悟感兴趣,可以转发给他们看哦,^_^先谢过啦。----

83330

如何感知 WebKit 页面切换

背景 通常在 WKWebView 打开一个页面,收到页面数据时,代理方法可感知这个时机: -webView:didCommitNavigation: 但若是改变页面 hash (也就是位置标识符"#")...打开另一页面时,这个代理方法不会调用,也没有合适的回调接口。...表现上说,改变 hash 会产生网页历史栈,safari 也会产生历史记录,这种场景应该是有和 -webView:didCommitNavigation: 相对应的回调,官方没做好一致性,需通过 WebKit...对于改变页面 hash 打开另一页面场景,是在同一个 Document,FrameLoader 作为专门处理页面加载的地方,应该是有处理目标页面是否是同一 Document 的代码分支,扫描一下就找到了一个可疑的函数...实现这个私有代理源码来看是无副作用的,MR 记录在这里:https://bugs.webkit.org/show_bug.cgi?id=134855 。

1.5K20

iOS新闻类App内容页技术探索

扩展性: WKWebView具有更加丰富的接口、更多HTML和CSS的支持、以及更加友好的JS交互。同时Api的持续更新和社区的活跃,长远使用的角度看有着极大的优势。 2....修复、扩展WKWebView 通过以上的分析,WkWebView系统级的稳定性、性能以及后续扩展性都有很大的优势。...修复扩展的问题: 通过逐阶段分析耗时,在内容页的使用场景下,WKWebViewalloc到准备开始渲染这段时间,有着极大的优化空间。...Web维度的优化 WKWebView的复用 : 通过WKWebView的复用,极大的缩短了WebView创建到渲染结束的时间。...无论使用哪个开源图片库,在缓存策略上,尽量将内容页图片的缓存策略与其他的有所区分,或者使用 LRU + FIFO 的缓存策略,避免进入内容页大量图片占用缓存空间,导致列表图片释放。

2.8K00

是时候展示一波花里胡哨了——以图搜图

你看到一个帅哥美女穿着十分亮眼,想要买同款。 有一个长得很漂亮的美女主动加你微信,说头像是本人。 朋友送了你一个不知道什么的国外品牌,你好奇到底是什么。 。。。...www.pailitao.com/ 360图片:http://image.so.com/ 更多的可以查考:https://www.runningcheese.com/cbir 例如百度的以图搜图步骤如下: (1)打开百度...(3)基于图片内容的图片搜索: 1、点击“相机”图标 ? 2、拖拽图片 ? 3、自动显示结果 ? 三、基于内容的图像搜索原理 这里以淘宝的产品拍立淘为例, 拍立淘的原理: ?...此时程序会网上爬取到图片并保存到对应的文件夹中(以关键词命名的文件夹),获取完毕后新建一个文件夹img,当做图片库的存储,并将爬取的图片都放进去; ?...#操作汇总# (1)打开终端执行index.py代码python3 index.py -database img -index lol.h5# 此时已经将图片库转成索引库并保存和输出lol.h5模型#

1.6K20

iOS防止在WKWebView打开Universal Link

Universal Links 是标准 HTTP HTTPS 链接,因此既适用于网站,也适用于应用程序。 如果未安装您的应用程序,则系统会在 Safari 中打开URL,以使您的网站能够处理它。...中打开Universal Link,如果你对如何获取Universal Link感兴趣可看第二章节iOS 创建 Universal Links I 、防止在WKWebView打开Universal Link...demo下载地址:https://download.csdn.net/download/u011018979/21361507 1.1 防止在WKWebView打开Universal Link的原理...: 防止在WKWebView打开Universal Link的原理:在WKNavigationDelegate的协议方法- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction...WKNavigationActionPolicy)(WKNavigationActionPolicyAllow + 2); 针对这个方案,很多网页采取的应对措施:提示用户使用系统浏览器访问 点击右上角选择浏览器打开

2.9K30
领券