如何给 Chrome 开发者工具设置 Material Design 风格的主题外观

图一是 Chrome 开发者工具默认的 Light 风格。

在设置选项里，选择 Dark，即可加载如下图所示的风格：

还可以安装这个 Material DevTools Theme Collection：

在 Chrome 开发者工具的 Experiments 选项里，勾上“Allow extensions to load custom stylesheets”：

然后 Theme 选择 System preference：

之后即可使用如下图所示的 Material Design Theme：

这三种风格的 Chrome 开发者工具，大家更喜欢哪种？

更多Jerry的原创文章，尽在：“汪子熙”:

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观相关推荐

介绍一个Material设计风格的Chrome开发者工具增强扩展
看腻了千篇一律的Chrome开发者工具外观?最近我试用了一款Chrome扩展,可以将Chrome开发者工具外观替换成Material设计风格,用了一段时间觉得不错,这里介绍给大家. Chrome扩展名 ...
在 Chrome 开发者工具中调试 node.js
命令行工具 devtool ,它可以在 Chrome 的开发者工具中运行 Node.js 程序. 下面的记录显示了在一个 HTTP 服务器中设置断点的情况. 该工具基于 Electron 将 Node ...
chrome开发者工具功能拾遗：Sources面板篇
本文主要介绍一些本人在此之前不甚了解,但经过了解后又发现对自己的工作很有帮助的一些chrome开发者工具调试技巧/功能.也借这篇文章提醒一下自己,在实际项目中多使用这些功能,尽快熟悉起来,提升自己的工 ...
请参阅：Chrome开发者工具中的悬停状态
我希望看到:hover我在Chrome中徘徊的锚点的:hover样式. 在Firebug中,有一个样式下拉列表,允许我为元素选择不同的状态. 我似乎无法在Chrome中找到类似内容. 我错过了什么吗? ...
使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
引言 Google Chrome 是由 Goole 公司开发的一款网页浏览器,自 2008 年 9 月第一个测试版本发布以来,其市场占有率逐步上升,至 2014 年 5 月,Chrome 已超越 Fi ...
程序员的你是否熟练掌握Chrome开发者工具？
写在前面再过几天就是1024程序员节日了,这里提前祝各位程序员同胞们节日快乐哈^_^ 回归正题,本文主要是介绍一下Chrome developer tool(开发者工具)的使用,以方便我们的日常开发 ...
Chrome开发者工具和Firebug的一些简单比较
Firebug是Firefox下著名的网页调试工具,而Chrome的开发者工具同样非常优异.今天我就简单的比较一下两者,同时也是对自己推文的一个总结和回顾. 在查看DOM上,两者虽然在具体操作方式上有 ...
Chrome 开发者工具 workspace 的概念
Edit files with Workspaces 本教程提供设置和使用工作区的实践练习,以便您可以在自己的项目中使用工作区. 工作区使您能够将在 DevTools 中所做的更改保存到存储在计算机上 ...
Chrome 开发者工具无法显示服务器正常返回的 HTTP 请求 - Failed to load response data
今天做开发时遇到一个问题,Chrome 开发者工具 network 标签里,虽然一个 HTTP 请求已经成功从服务器端返回,但是 Chrome 开发者工具里,仍然显示 Failed to load r ...

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观相关推荐

最新文章

热门文章