如何给 Chrome 开发者工具设置 Material Design 风格的主题外观
2023-09-14 09:03:58 时间
图一是 Chrome 开发者工具默认的 Light 风格。
在设置选项里,选择 Dark,即可加载如下图所示的风格:
还可以安装这个 Material DevTools Theme Collection:
在 Chrome 开发者工具的 Experiments 选项里,勾上“Allow extensions to load custom stylesheets”:
然后 Theme 选择 System preference:
之后即可使用如下图所示的 Material Design Theme:
这三种风格的 Chrome 开发者工具,大家更喜欢哪种?
更多Jerry的原创文章,尽在:“汪子熙”:
相关文章
- Chrome开发者工具详解
- Chrome开发者工具详解
- SAP UI5 应用开发教程之三十八 - 使用 Chrome 开发者工具查看程序执行出错时的上下文信息
- Fiori应用deploy到云上后在Chrome开发者工具里Source标签页的外观
- 在Chrome开发者工具里观察到的SAP Spartacus productCodes
- 使用 Chrome 开发者工具的 Memory 标签页分析内存泄漏问题
- 在 Chrome 开发者工具里通过 network 选项模拟网站的离线访问模式
- Chrome 开发者工具 network 显示 Provisional headers are shown 的几种原因
- Chrome开发者工具对Vue应用的支持
- 介绍一个Material设计风格的Chrome开发者工具增强扩展
- Chrome开发者工具关于网络请求的一个隐藏技能
- SAP UI5 应用开发教程之三十八 - 使用 Chrome 开发者工具查看程序执行出错时的上下文信息
- 使用 Chrome 开发者工具的 lighthouse 功能分析 web 应用的性能问题
- 使用Chrome开发者工具研究JavaScript里函数的原生实现
- 使用Chrome开发者工具研究JavaScript的垃圾回收机制
- 利用Chrome开发者工具memory comparison分析一个时间段内的JavaScript代码内存占用率
- 小技巧:Chrome开发者工具里的Alt+单击
- Chrome开发者工具network标签页里的transferred over network和resources loaded by the page的区别
- Web 应用中的 RAIL 模型 和 Chrome 开发者工具 Performances 面板对其的度量方法
- 使用 Chrome 开发者工具研究一个基于 Angular 开发的网站源代码
- Python爬虫基础讲解:chrome开发者工具及网络面板