浏览器中的颜色标记

  浏览器中的很多操作会反馈给用户一个或一些颜色标记，常见的有：点击链接会有底色；页内查找时，匹配的字符会有颜色标记；选择文字时，被选中的部分会有颜色标记。

  那么这些颜色标记是怎么画上去的呢？是webkit绘制的，还是browser绘制的？

  根据调试中的观察，这些颜色标记是有webkit反馈位置信息，由browser负责绘制的。

  先抛开具体代码不谈，出现颜色标记时，网页的DOM节点结构及其属性并没有发生变化，可知这些颜色并没有反映在WebCore的基本结构中（实际它们的位置信息与node或者Mark的形式记录在WebCore中）。这种实现方式也符合webkit的一贯风格，即完成核心逻辑，具体表示形式交由browser实现。这样不同的browser可以做出更加多样化的反馈。

 以下的实现方法基于android4.1 browser  

1. 点击链接或图片时的颜色标记

   这个很简单，通过hittest函数来确定点击到的节点类型和节点位置信息，反馈给browser，browser在canvas上的相应区域进行绘制

2. 选择文字时的颜色标记

   android::WebViewCore::selectWordAt和android::WebViewCore::selectText会返回选择文本的结果，并更新到WebViewCore::updateTextSelection函数，另外WebViewClassic::drawTextSelectionHandles负责绘制选择过程中的箭头等标记

3. 页内查找时的颜色标记