现代web浏览器有哪些深入理解的角度？

本文共计2173个文字，预计阅读时间需要9分钟。

原文是关于Mariko Kosaka在Chrome开发者网站上的系列文章，共有四篇，本篇是第四篇。作者对其中一些直译过来的句子理解不够准确，进行了修改。

本文是根据Mariko Kosaka在谷歌开发者网站上的系列文章developer.chrome.com/blog/inside-browser-part4/翻译而来，共有四篇，该篇是第四篇。对于其中一些直译出来不太好理解的句子，笔者做了加工处理和提炼。

输入来到了合成器

在上篇文章中，我们了解了渲染过程和合成器；在这片文章中，我们将来了解下合成器是如何在用户输入到来时保持交互流畅的。

从浏览器的角度看输入事件

当你听到“输入事件”时，你可能只会想到在文本框中输入或是鼠标点击；但从浏览器的角度来看，来自用户的任何动作都是输入。鼠标滚轮滚动、触摸或者鼠标悬浮都是一个输入事件。

当用户在屏幕做出触摸等动作时，浏览器进程最先接收到该动作。但是浏览器进程只关注该动作发生的位置，因为tab页中的内容是由渲染进程处理的。浏览器进程把事件类型（比如touchstart）和其坐标发送给渲染进程；渲染进程会找到对应的事件目标并执行目标上绑定的事件监听器。

通过浏览器进程路由到渲染进程的输入事件

合成器接收输入事件

在上一篇文章中，我们知道了合成器是如何通过合成光栅化的图层来达到流畅地处理滚动的。