在iOS 10上的WKWebView中打开PDF文件时启用收缩缩放手势 - 腾讯云开发者社区

文章/答案/技术大牛

发布

分享超详细 WKWebView 开发和使用经验

： baseURL：会影响网页加载过程中 css、js、图片等资源文件的相对路径，并不会影响绝对路径。...，否则在 iOS10 以下的设备会造成崩溃，原因是 WKWebView 在释放的时候，扔被强持有观察者。...存储 WKWebsiteDataStore 以下情况中，WKWebView 在主动发送请求时不会携带 cookie。...Ajax 请求不会带上 Response 中 Set-Cookie 的值 302 跳转不会带上 Response 中 Set-Cookie 的值可以使用 iOS11 的新 API 对 WKWebView...如果配置为 YES，当前 Web 页面可以通过放大手势进行缩放。

5.9K3 0

WKWebView

在iOS中，加载网页目前有两种控件：UIWebView和WKWebView。...以上介绍了WKWebView的优点，但是其也有以下缺点： 1，WKWebView需要iOS9及更高的版本，虽然WKWebView是在iOS8之后引入的，但是iOS8的版本存在重大限制，比如无法访问本地存储的文件...按指定的因子缩放页面内容，并将结果居中在指定的点上。导航 allowsBackForwardNavigationGestures。布尔值，指示水平滑动手势是否会触发后退列表导航，默认为NO。...关于KVO，我在之前的文章iOS开发中的设计模式--观察者模式中详述过。...而iOS中的WebKit.framework，就是在WebCore、底层桥接、JSCore引擎等核心模块的基础上，针对iOS平台的项目封装。

7.7K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

WKWebView详解

从iOS 8.0和OS X 10.10开始，建议使WKWebView在应用程序中展示web内容，建议不要使用UIWebView或WebView。...（magnification属性）缩放页面内容，并将结果集中在指定的点上，即以指定的点为中心放大 --- 浏览是否允许水平滑动手势来触发网页的前进和后退 @property(nonatomic) BOOL...; 在iOS上，这个属性只在支持3D Touch的设备上支持在iOS 10及以后的系统版本默认值是YES，之前的默认值是NO 如果将该属性的值设置为YES，则iOS用户可以按下链接来预览链接，并可以检测到地址和电话号码等数据...你必须设置此属性以播放内联视频当在iPhone的HTML文档中添加视频元素时，还必须包括playsinline属性在iOS 10.0之前创建的应用程序必须使用webkit-playsinline属性...previewActions是元素使用的默认的操作选项（预览时上拉可见），比如打开链接，添加到阅读列表，拷贝链接，共享。

22.3K19 3

WKWebView

WKWebView API WKWebView的头文件声明： // webview 配置，具体看下面 @property (nonatomic, readonly, copy) WKWebViewConfiguration..._11, 9_0); // 在iOS上默认为NO，标识不允许链接预览 @property (nonatomic) BOOL allowsLinkPreview NS_AVAILABLE(10_11,...property (nonatomic) CGFloat magnification; // 根据设置的缩放因子来缩放页面，并居中显示结果在指定的点 - (void)setMagnification...; // 默认认为YES config.preferences.javaScriptEnabled = YES; // 在iOS上默认为NO，表示不能自动通过窗口打开 config.preferences.javaScriptCanOpenWindowsAutomatically..._10, 8_0); 它是一个枚举类型，只有在文档开始加载时注入和加载结束时注入。

3.7K1 0

小程序新渲染引擎 Skyline 发布正式版

总体上，由于 Skyline 在渲染流程上更加可控，我们能让小程序的特性尽可能融合进渲染流程中完成，还有很多在细节上的优化（比如对 rpx 的处理、image mode=widthFix 的处理等，都是融入渲染流程中...iOS 下原生组件同层渲染的原理先前有介绍过，本质上是在 WKWebView 黑盒下一种取巧的实现方式，并不能完美融合到 WKWebView 的渲染流程，因此很容易在一些特殊的样式发生变化后，同层渲染会失效...iOS 下 WKWebView 会受系统的管理，当内存紧张时，系统就会将不在屏的 WKWebView 回收，会使得小程序除前台以外的页面丢失，虽然在页面返回时，我们对页面做了恢复，但页面的状态并不能 100%...在原生的交互动画里，手势识别与协商是一个很重要的特性，而这块在 Web 体系是缺失的，因此 Skyline 下补全手势系统相关特性，包括常用手势的识别，如缩放、拖动、双击等，还有很重要的手势协商机制，在遇到手势冲突...（常见于滚动容器下）时决定让哪个手势生效，以实现更顺畅的动画衔接。

1.3K3 0

Skyline 渲染引擎——更接近原生渲染的性能体验

根除旧有架构的问题在基于 Web 体系的架构下，小程序的部分基础体验会受限于 WebView 提供的能力（特别是 iOS WKWebView 限制更大一些），使得一些技术方案无法做得很完美，留下一些潜在的问题...iOS 下原生组件同层渲染的原理先前有介绍过，本质上是在 WKWebView 黑盒下一种取巧的实现方式，并不能完美融合到 WKWebView 的渲染流程，因此很容易在一些特殊的样式发生变化后，同层渲染会失效...iOS 下 WKWebView 会受操作系统统一管理，当内存紧张时，操作系统就会将不在屏的 WKWebView 回收，会使得小程序除前台以外的页面丢失，虽然在页面返回时，我们对页面做了恢复，但页面的状态并不能...支持常用手势的识别，如缩放、拖动、双击等，并能够渲染线程同步监听手势、执行手势相关逻辑；支持手势协商处理，能够在遇到手势冲突（常见于滚动容器下）时决定让哪个手势生效，以实现更顺畅的动画衔接。3....(img-zIr6ldp8-1688353807103)快速体验环境要求目前，安卓微信 8.0.33、iOS 微信 8.0.34 起内置了 Skyline 渲染引擎，可先更新到该版本，预览时通过强切开关打开

1.5K5 0

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

但是目前 IOS10 以下的系统以及很少了，小结： WKWebView 相较于 UIWebView 在整体上有较大的提升，满足 iOS 上面使用同一套控件的功能，同时对整个内存的开销以及滚动刷新率和...实践发现 WKWebView 实例其实也会将 Cookie 存储于 NSHTTPCookieStorage 中，但存储时机有延迟，在 iOS 8上，当页面跳转的时候，当前页面的 Cookie 会写入 NSHTTPCookieStorage...中，而在 iOS 10 上，JS 执行 document.cookie 或服务器 set-cookie 注入的 Cookie 会很快同步到 NSHTTPCookieStorage 中，FireFox...WKWebView NSURLProtocol问题 WKWebView 在独立于 app 进程之外的进程中执行网络请求，请求数据不经过主进程，因此，在 WKWebView 上直接使用 NSURLProtocol...这种方法可以比较有效的减少 WebView 在App中的首次打开时间。当用户访问页面时，不需要初始化 WebView 的时间。当然这也带来了一些问题，包括：额外的内存消耗。

4.3K0 0

iOS的WebView——WKWebView

前言在iOS8中，苹果推出了WKWebView。WKWebView有一个突出特点，就是内存占用少。但作为一个全新的WebView，API相比于之前的UIWebView肯定会有所不同。...WKWebView的设置 WKWebView的主要设置项都在configuration成员中（比如是否允许浏览器手指缩放，h5的浏览器能否自动播放等）这些都属于浏览器本身的设置项。...[self.webview.configuration allowsPictureInPictureMediaPlayback]; // 网页中的多媒体是否需要手势才能开始播放（iOS 10）...，js会尝试加载某个URL，客户端在加载前拦截这个URL，通过解析这个URL识别它的内容，调用相应的原生方法，并阻上浏览器加载这个URL。...:nil]; cookie的同步在WKWebview中，cookie默认不再自动处理，我们需要手动根据自己的需要，将cookie添加到请求中。

4.4K2 0

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

但是目前 IOS10 以下的系统以及很少了，小结： WKWebView 相较于 UIWebView 在整体上有较大的提升，满足 iOS 上面使用同一套控件的功能，同时对整个内存的开销以及滚动刷新率和...实践发现 WKWebView 实例其实也会将 Cookie 存储于 NSHTTPCookieStorage 中，但存储时机有延迟，在 iOS8上，当页面跳转的时候，当前页面的 Cookie 会写入 NSHTTPCookieStorage...中，而在 iOS10 上，JS 执行 document.cookie 或服务器 set-cookie 注入的 Cookie 会很快同步到 NSHTTPCookieStorage 中，FireFox 工程师曾建议通过...这种方法可以比较有效的减少 WebView 在App中的首次打开时间。当用户访问页面时，不需要初始化 WebView 的时间。当然这也带来了一些问题，包括：额外的内存消耗。...如果调试的是 H5 页面，可以直接在手机的 Safari浏览器打开直接调试。下面开始说说在 Mac 上如何调试： 1.

3.3K2 0

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

但是目前 IOS10 以下的系统以及很少了，小结： WKWebView 相较于 UIWebView 在整体上有较大的提升，满足 iOS 上面使用同一套控件的功能，同时对整个内存的开销以及滚动刷新率和...实践发现 WKWebView 实例其实也会将 Cookie 存储于 NSHTTPCookieStorage 中，但存储时机有延迟，在 iOS8上，当页面跳转的时候，当前页面的 Cookie 会写入 NSHTTPCookieStorage...中，而在 iOS10 上，JS 执行 document.cookie 或服务器 set-cookie 注入的 Cookie 会很快同步到 NSHTTPCookieStorage 中，FireFox 工程师曾建议通过...这种方法可以比较有效的减少 WebView 在App中的首次打开时间。当用户访问页面时，不需要初始化 WebView 的时间。当然这也带来了一些问题，包括：额外的内存消耗。...如果调试的是 H5 页面，可以直接在手机的 Safari浏览器打开直接调试。下面开始说说在 Mac 上如何调试： 1.

3.2K3 0

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

但是目前 IOS10 以下的系统以及很少了，小结： WKWebView 相较于 UIWebView 在整体上有较大的提升，满足 iOS 上面使用同一套控件的功能，同时对整个内存的开销以及滚动刷新率和...实践发现 WKWebView 实例其实也会将 Cookie 存储于 NSHTTPCookieStorage 中，但存储时机有延迟，在 iOS8上，当页面跳转的时候，当前页面的 Cookie 会写入 NSHTTPCookieStorage...中，而在 iOS10 上，JS 执行 document.cookie 或服务器 set-cookie 注入的 Cookie 会很快同步到 NSHTTPCookieStorage 中，FireFox 工程师曾建议通过...这种方法可以比较有效的减少 WebView 在App中的首次打开时间。当用户访问页面时，不需要初始化 WebView 的时间。当然这也带来了一些问题，包括：额外的内存消耗。...如果调试的是 H5 页面，可以直接在手机的 Safari浏览器打开直接调试。下面开始说说在 Mac 上如何调试： 1.

3.6K2 0

移动端 H5 兼容问题合集：iOS 与 Android 的差异化处理

移动端 H5 兼容问题合集：iOS 与 Android 的差异化处理目标：系统梳理移动端 H5 的常见兼容问题，针对 iOS Safari/WKWebView 与 Android Chrome/WebView...中 position: fixed 在输入聚焦时抖动，可在键盘期禁用 fixed，改用 transform 过渡。...文件下载与打开 iOS 对 a[download] 支持有限，推荐 Blob 方案： async function download(url, name) { const res = await fetch...iOS WKWebView 与 Safari 行为不完全一致，尤其缓存与历史栈处理。...iOS 内联与静音策略下可用文件下载与预览路径可用，失败时给出清晰提示表单输入在中文 IME 过程中无重复触发与丢事件样式在高 DPR 下无细线失真与排版抖动分享、复制、跳转与登录态在内置浏览器稳定

5971 0

问题记录

然后笔者取到照片的链接在 Chrome 中打开，发现图片是可以显示的；在 Safari 中打开，是黑色的；且从 Chrome 中右键保存到本地，预览中打开也是黑色。...这张图片的在 Mac OS 和 iOS 中渲染都是黑色的。...WKWebview加载xlsx 文件，预览不了的问题笔者这边的情况是，打开了一个网页，网页中的有个按钮，点击之后的链接，正常在电脑浏览器上打开是下载，在 iOS 的 WKWebview中打开是预览。...陷入了僵局，最后用户反馈打开系统相机也是黑屏，但是把缩放调到2倍就正常了。...于是怀疑是摄像头坏了一颗，默认是使用正常的摄像头拍摄，当拍远景或者缩放调到2倍时使用了广角的镜头，用户的应该是正常摄像头坏掉了，而另一颗远景的是好的。但是为什么企业微信的是好的？

1.6K2 0

优雅草黑曼巴知识付费项目交付顺带：深入剖析 WebApp 的封装原理与实践-卓伊凡

在 iOS 上：一直是基于苹果的 WKWebView（取代了早期的 UIWebView），它使用苹果的 Safari 相同的 JavaScript 引擎和渲染引擎。2....，始终占据着可观的市场份额，特别是在初创公司、快速原型和内容展示型应用中。...三、进阶与优化上述代码仅为最基础的演示。一个准备上架的生产级应用还需要考虑更多因素：离线支持：将核心HTML/CSS/JS文件打包进APK，无网络时加载本地文件。...对于 iOS 平台，流程类似，需要使用 Xcode 创建一个项目，并添加 WKWebView 组件，使用 Swift 或 Objective-C 实现类似逻辑。...然而，开发者也需要清醒地认识到其局限性，在动画性能、复杂手势操作、深度设备硬件调用等方面，它仍无法与纯原生应用相媲美。技术选型没有银弹，权衡利弊，方能做出最适合业务的选择。

3441 0

UI篇- UIWebView使用大全

，不做深究 WKWebView是iOS8中推出的，算是UIWebVeiw的升级版。...支持内建手势，据说高达60fps的刷新频率（不卡） WKWebView的创建导入Webkit这个类库（WKWebVeiw包含在里面的）遵守协议（一般前两个就行啦，第三个主要是与JS相关的东西....使用原生API在 OC中调用JS方法与UIWebView进行交互，调用web页面中的需要传参的函数时，参数需要带单引号，或者双引号（双引号需要进行转义在转义字符前加\）,在传递json字符串时不需要加单引号或双引号...如何消除Web中 Alert弹框中出现的网址 ? 这里解决的方法是通过使用 WKWebView 的方法。...UIWebView在 iOS11中的使用。 ? UIWebView 在iOS 11上当顶部的 y值设为 0 时，是依然无法盖住UIStatusBar区域的，但是滚动时就会出现问题了。

2.7K1 0

IOS WebView控件详解

概述 WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，...高达60fps的滚动刷新率和丰富的内置手势 WKWebView具有Safari相同的JavaScript引擎 WKWebView增加了加载进度属性 UIWebView UIWebView继承与UIView...，其中baseURL是我们自己设置的一个路径，用于寻找html文件中引用的图片等素材。...WKWebView是iOS8中出的一个新控件，算是对UIWebVeiw的升级版。...都有，WKWebView多了一个加载文件方法，而且WKWebView的这些加载方法都有返回值。

5.8K8 0

iOS小技能：右滑返回

引言原理：利用系统的返回手势interactivePopGestureRecognizer进行实现使用场景：返回按钮有点小，不好触发返回时，可借助右滑返回来提升用户体验 I 添加右滑返回手势 1.1...return YES; } return originalValue; } } return YES; } 其中在第三步中...方法将手势返回强制加回来 2.3 动态添加方法使用场景：在消息发送和消息转发时会用到动态添加方法全局控制返回手势下面的+addMethod方法有三个参数，第一个参数是要添加方法的类，第二个参数是方法的...= YES; // 在iOS上默认为NO，表示是否允许不经过用户交互由javaScript自动打开窗口 preference.javaScriptCanOpenWindowsAutomatically...config.allowsPictureInPictureMediaPlayback = YES; //设置请求的User-Agent信息中应用程序名称 iOS9后可用

2.8K3 0

一个Flutter WebView侧滑bug的解决方案

问题定位 2.1 猜测WebView内部手势和外部手势冲突首先猜测是不是内部的滑动手势跟外部的冲突，因此找到了iOS WKWebView管理内部侧滑的API。...// 猜测原因是iOS中的侧滑是是一个同步的手势，并没有时机去执行异步callback，具体需要看下源码，待补充 Future _exit() async { //iOS咋不进去...解决方案 3.1 WillPopScope与手势怎么共存在使用WillPopScope时使用手势的方法比较容易得出 onWillPop: Platform.isIOS ?...null : popCallback, 到这里就可以实现iOS侧滑返回的问题，但是带来新的问题是这里的手势和WKWebView内部冲突，webview内部无法返回。...因此在iOS中实现了一下WKWebView的KVO，将一些信息canGoBack通过channel回调到Flutter。

3.9K5 0

iOS WKWebView+UITableView混排

WKWebView+UITableView混排做内容展示页的时候，经常会用到WKWebView+UITableView的混排功能，现在此做一个总结，该功能的实现我采用了四种方法。...方案2：简书的内容页实现方案 : UIWebView与UITableView的嵌套方案将 tableView 加到 webView.scrollView 上, webView 加载的HTML最后留一个空白占位...div，用于确定 tableView 的位置，在监听到webView.scrollView.contentSize变化后，不断调整tableView的位置，同时将该div的尺寸设置为tableView的尺寸...的使用、WKWebView+UITableView混排、UIScrollView实现原理、WKWebView离线缓存功能等更多内容都在 https://github.com/wsl2ls/iOS_Tips...的并存问题 11、iOS Crash防护 12、WKWebView相关

2.2K3 0

iOS监听H5页面goBack返回事件 & 网页监听APP返回键（NavigationBackItemInjection）

截取当前显示在屏幕中的WKWebView UINavigationBarDelegate NavigationType Disable all the '_blank' target in page's...target 在WKWebView的WKNavigationDelegate代理方法中处理应用跳转简单的处理WKWebView加载新页面 WKWebView显示JS弹框 WKWebView调用js方法...解决方案： 1、iOS监听H5页面goBack返回事件 2、直接使用Safari打开URL 相关文章： iOS 封装WebView 控制器https://kunnan.blog.csdn.net/article...back-forward列表中的内容，相当于回到关闭的之前看过的详情界面。...5、 _webView.allowsBackForwardNavigationGestures = YES;允许左滑右滑，默认值为NO；设置为YES后，即可实现左右滑手势操作后退前进 6、WKWebView

6.8K2 1

点击加载更多

分享超详细 WKWebView 开发和使用经验

WKWebView

WKWebView详解

WKWebView

小程序新渲染引擎 Skyline 发布正式版

Skyline 渲染引擎——更接近原生渲染的性能体验

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

iOS的WebView——WKWebView

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

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

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

移动端 H5 兼容问题合集：iOS 与 Android 的差异化处理

问题记录

优雅草黑曼巴知识付费项目交付顺带：深入剖析 WebApp 的封装原理与实践-卓伊凡

UI篇- UIWebView使用大全

IOS WebView控件详解

iOS小技能：右滑返回

一个Flutter WebView侧滑bug的解决方案

iOS WKWebView+UITableView混排

iOS监听H5页面goBack返回事件 & 网页监听APP返回键（NavigationBackItemInjection）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐