浏览器渲染过程浏览器渲染1.解析HTML文件,构建DOM树,同时浏览器主进程负责下载CSS文件2.CSS文件下载完成,解析CSS文件成树形的数据结构,然后结合DOM树合并成RenderObject树3.布局RenderObject树（Layout/reflow）,负责RenderObject树中的元素的尺寸,位置等计算4.绘制RenderObject树（paint）,绘制页面的像素信息5.浏览器主进程将默认的图层和复合图层交给GPU进程,GPU进

说起自己钟爱的浏览器，许多人脑海中跳出的外国浏览器是谷歌，火狐和微软Edge,随后又跳出了国内的搜狗，360极速和想天浏览器。而在最近一段时间，国内用户对浏览器的选择也变得更加多元化，越来越多的人喜欢用自己喜欢的浏览器上网浏览信息和收发邮件。这其中有什么规律？有哪些特点？我们发现许多人都开始偏向于用小众浏览器，想天浏览器之所以成为小众浏览器并被如此多的用户所

HiZoomHiZoom:一个简单，易用，轻量（3KB）的jQuery放大镜插件。特性简单：文档详细清楚，直接上手轻量:压缩后的文件仅仅3KB，是MagicZoom插件的 1/24兼容性强：Chrome，Firefox，Safari，IE9依赖

前言由于业务需求,笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验,并通过一个实际案例来复盘插件开发的流程和注意事项.你将收获如何快速上手浏览器插件开发浏览器插件开发的核心概念浏览器插件的通信机制浏览器插件的数据存储浏览器插件的应用场景开发一款抓取网站图片资源

兼容多浏览器就要为每一个浏览器写对应的 CSS，太低版本的浏览器只能使用图片做背景。下面是当前五大浏览器对 gradient 的支持<style type"text/css" media"screen"gradient {width: 200px;height: 200px;/\ 如果浏览器不支持渐变，使用图像作为背景 \

目前大部分浏览器都内置了相关插件或组件，能够帮助我们快速、简洁地展示各类元素的属性定义、DOM结构、CSS样式等属性。本书中使用的浏览器主要是FireFox、Chrome（这2款浏览器也是作为开发者常用的浏览器），因此本节介于这2款浏览器一起看看这些工具（组件）的使用方法。火狐（FireFox）浏览器如果大家对火狐浏览器较为熟知，在旧版本上的

（一）WEB初识【1】浏览器五大主流浏览器开发团队或浏览器内核简称CSS3特定属性（新属性加前缀）Chromewebkit\webkittransformSafariwebkitIEmsFirefoxmozOperao浏览器内核（渲染内核和js内核，前者渲染代码，计算显示方式，进而读取

最近看到的一段话很有感触，日复一日的低效率工作只会消磨你的热情，而巨大的时间成本会让你错失很多机会。那么作为叶子结点的我们要学会主动提高生产效率。提升效率可以深入的方面有很多，计划出个系列专栏，第一篇先来分享一些自己常用的浏览器插件。0.FeHelperWeb前端助手：整合优秀的前端实用工具，功能丰富，具体如图。!(

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。主要是用作爬虫，用以捕捉Web上的各类数据；这里的无头主要是指没有界面，完全是后台操作。它就是一个真实的浏览器。只是这个浏览器是无界面的。在爬虫中使用无头浏览器有很多的注意事项，比如我们的业务场景是否适合使用无头浏