Outliner CSS插件，Chrome网页结构与布局调试器

Outliner CSS 插件简介

Outliner CSS 插件是 Chrome 浏览器中的一款网页结构与布局调试器，该插件支持将 CSS 大纲插入到浏览器所有元素中，直接通过添加调试样式来帮助调试结构和布局问题，非常易于使用，且 100％免费。

Outliner CSS 插件开发背景

对于网页开发人士而言，在设计一个网页时，除了前期的基础设计之外，后期的检查以及调试也是非常重要的。这时，或许可以试一试 Chrome 商店中的这款Outliner CSS 插件，在线即可免费且轻松的调试浏览器任意网页中的结构和布局问题，无需注册登录，尤其好用。

Outliner CSS 插件功能介绍

作为一款功能简单却实用的网页结构与布局调试器，Outliner CSS 插件将 CSS 大纲插入到 Chrome 浏览器所有元素中，并可选择在 RGB 颜色之间切换和切换背景色不透明度以高亮显示深度，直接通过添加调试样式来帮助用户调试结构和布局问题，使用起来非常便捷好用。

Outliner CSS 插件使用方法

一、安装插件

如果有条件，可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店，请在Chrome扩展网下载 Outliner CSS 插件的安装包，解压后将 crx 文件安装到你的谷歌浏览器上。

二、使用方法

Outliner CSS 插件安装完成以后，无需刷新网页即可直接使用。在 Chrome 浏览器任意需要调试的网页中点击浏览器上方工具栏中的插件图标，网页右上角将自动弹出一个小窗口，用户可以根据需要在里面选择合适的功能进行使用，即点即可实时预览。

Outliner CSS 插件支持将 CSS 大纲插入到当前网页中的所有元素中，用户可在窗口中点击【 RED 】

【 GREEN 】【 BLUE 】在 在不同的 RGB 颜色之间进行切换，并且还可切换背景色不透明度以高亮显示深度，如需退出调试，直接点击【 Reset 】即可。

Outliner CSS 插件描述：

应用大小:13.01 KiB
版本:v 1.0.1
下载次数:204000
更新时间:2021-12-21
评分:5.0

Outliner CSS 插件下载：

关注“Chrome扩展网”公众号，输入“插件”根据提示，即可下载最新安装文件。

Outliner CSS 插件安装流程：

(1)将下载的安装包文件（.zip）解压为文件夹，其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面，完成安装