Webkit

老司机 iOS 周报，只为你呈现有价值的信息。 你也可以为这个项目出一份力，如果发现有价值的信息、文章、工具等可以到 Issues 里提给我们，我们会尽快处理。记得写上推荐的理由哦。有建议和意见也欢迎

本文主要是根据 WWDC21 中的 Explore WKWebView additions - session 10032 撰写，主要讲解 WKWebView 在 iOS 15 中新增的功能。 引言

文章的开头会从 cookies、广告和追踪的关系讲起，然后开始介绍广告归因的历史，引申出 Apple 的匿名化点击衡量工具 PCM（Private Click Measurement：一款在保护用户隐

在过去的一年很多人不满于公司没有福利、人际关系不好相处、没有发展前途的境遇等等，想着在开年来换一份工作来重新开始自己，那么 你 准备好了吗？ 下面是本人整理的一份面试材料，本想自己用的，但是新年第一天 公司突然给了我个惊喜，涨工资了！！！ 延伸 提问 怎样处理 移动端 1px …

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

既然我们使用了 WebView 来承载 H5，那么便少不了与 Native 之间发生交互，WebView 所承载的页面，通过 JS 与 Native 进行通信，我们将这个通信的”桥梁“为 JSBridge。如果你参与过微信内置浏览器的 H5 开发，会发现一个经常出现的东西，叫做…

背景 通常在 WKWebView 打开一个页面，收到页面数据时，代理方法可感知这个时机： 但若是改变页面 hash (也就是位置标识符"#") 打开另一页面时，这个代理方法不会调用，也没有合适的回调

定心丸：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在…

上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案，部分解决方案可能不准确或者存在问题，希望有正确解决方案的给与评论。 备注：文中的bug收集于网络，解决方案可能并不准确，欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后，在ios环境…

无论你是出于兴趣还是以上原因，想要探索 WebKit 源码而不得其法，本文都将帮助你快速入门。接下来，我们将按照源码下载、源码编译、创建调试工程、源码实战分析的步骤助力你深入浏览内核探索之路。

目录方案1：方案2：方案3(推荐)：步骤1：初始化配置步骤2：手动调整contentOffset步骤3：模拟惯性和边缘反弹效果方案4(推荐)：步骤1：确定webView和tableView的高度步骤2

现在业务稍微大一点的公司，基本上都会引入android与H5交互的方式开发，或者是引入Hybrid框架，更有甚者直接全部采用Js开发成Web App形式，就是看中其开发成本更低(跨平台)，更新风险更小的优势。目前移动端开发市场的遇冷，除了android初级人才过多之外，还有就是…

onfullscreenchange事件触发的时刻的有2个：一是进入全屏时，二是退出全屏时。也就是说如果全屏模式的状态发生了改变，那么onfullscreenchange事件就会被触发 验证onfullscreenerror事件最简单的方式就是：在事件监听器之外发起全屏请求。 …

在我们进行网络请求时，通常使用的是Http协议，例如在浏览器里输入http:www.baidu.com请求百度网站。 HTTP/1.1 是无状态协议，即server并不知道客户端的状态。如请求了A接口进行登录，再请求B接口获取数据时，如果不在请求接口B时手工拼接一些登录参数，那…

优化后的滚动条会提亮我们的网站页面。 例如：CSS-TRICKS这个网站如果采用的是浏览器默认的滚动条，不进行优化，页面会显得很不搭。 那么::-webkit-scrollbar、::-webkit-scrollbar-thumb和::-webkit-scrollbar-tra…

前言 最近项目在调用离线缓存的相关内容，有一种方案通过 WKURLSchemeHandler 拦截 HTML 请求实现 HTML 的本地缓存，其他资源文件则采用 WebKit 自带的 HTTP 资源磁

WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。它使用的内核是webkit引擎，4.4版本之后，直接使用Chrome作为内置网页浏览器。 可与页面JavaScript交互，实现混合开发。 其中，方式一和方式二比较好理解，方式三可能有些朋友不…

浏览器的内核中主要分为渲染引擎和 javascript 引擎，本篇主要围绕渲染引擎介绍一下浏览器的工作原理。 Mozilla/ 4. 0 (compatible; MSIE 7. 0; Windows NT 6. 0) Mozilla/ 5. 0 (Linux; Android…

动态化作为移动客户端技术的一个重要分支，一直是业界积极探索的方向。目前业界流行的动态化方案，如Facebook的React Native，阿里巴巴的Weex都采用了前端系的DSL方案，而它们在iOS系统上能够顺利的运行，都离不开一个背后的功臣：JavaScriptCore（以下…

走进科学的姊妹篇--走进代码，带你从webkit源码探究一下页面重定向的“迷惑行为“”。以及揭开它“”迷惑行为“的原因”