Chrome 调试技巧 Chrome开发

Chrome 调试技巧

【1】DevTools触发伪类 右键单击Elements面板中的元素节点并选择“ force state ”。或者在Sytle子窗格中单击“:hov ”图标。可以触发元素上的伪类来研究元素在悬停时的效...
阅读全文
WebKit和Chromium代码目录结构介绍 Chrome开发

WebKit和Chromium代码目录结构介绍

WebKit和Chromium的代码量很大(这两个项目都是几百万行代码的级别,不包括它们依赖的第三方库),读起来是相当的不容易。但是良好的代码组织结构很好的帮助了开发者和学习者们,下面大致介绍一下它们...
阅读全文
Chromium插件架构 Chrome开发

Chromium插件架构

背景 在阅读这个文档前,你应当熟悉Chromium的多进程架构。 概述 插件是浏览器不稳定的主要来源。插件也会在渲染器没有实际运行时,让进程沙箱化。因为进程是第三方编写的,我们无法控制他们对操作系统的...
阅读全文
Chromium多进程架构详解 Chrome开发

Chromium多进程架构详解

问题 构建一个从不崩溃或挂掉的渲染引擎几乎是不可能的,构建一个完全安全的渲染引擎也几乎是不可能的。 从某种意义上说,2006 年左右的 web 浏览器就像是过去的单用户多任务的操作系统。在那种老旧的操...
阅读全文
Chrome内部协议大全 Chrome开发

Chrome内部协议大全

在chrome浏览器地址栏输入chrome://chrome-urls可以查看到内部协议之类列表,这些相当于一些工具,在前端开发调试时很有用。 1、chrome://about 、chrome://c...
阅读全文