更换你的Chrome开发工具风格

最新推荐文章于 2025-09-10 21:15:00 发布

weixin_34126215

最新推荐文章于 2025-09-10 21:15:00 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具

原文链接：http://www.cnblogs.com/zaython/p/3155900.html

本文介绍了如何修改Chrome浏览器开发者工具的默认样式。通过编辑Custom.css文件，用户可以根据个人喜好自定义界面外观。文章提供了不同操作系统的文件路径，并分享了一个现成的样式资源。

嗯，话说最近看Chrome的开发工具默认风格越来越不爽，什么破玩意，都几年了，一直是这个风格。于是，我派上了他老爸--Google，没想到，一找还找到了修改样式的方法。

原来控制它样式的是一个css表" Custom.css“

Mac ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css

Ubuntu (Chromium) ~/.config/chromium/Default/User\ StyleSheets/Custom.css

PC %APPDATA%\..\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

PC (Windows XP) C:\Documents and Settings\YourUsername\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

呼？什么你说自己不想要写CSS?

也行啊！这里就有现成的，你还可以在这里的基础上，自己写一个出来~

http://devthemez.com/themes/chrome-developer-tools

转载于:https://www.cnblogs.com/zaython/p/3155900.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34126215

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

智能合约开发工具Remix

Keegan小钢

10-21

1451

不久前，我在B站、视频号和 YouTube 都陆续发布了新的一套免费视频课程《也可以在 B 站直接搜索「Keegan小钢」找到我，可以看到我目前发布的所有视频课程。而对于智能合约开发工具Remix这套课程，下面我再对每一节的视频，罗列出一些重点内容。

【开发工具】墨刀

大雨的博客

07-16

749

学习墨刀，从基础的下载安装、界面认识，到实战操作中的项目创建、组件运用、交互设计，再到进阶技巧里母版、动态面板的使用以及团队协作功能的掌握，每一步都是提升原型设计能力的关键。通过不断地学习和实践，你已经能够熟练运用墨刀来创建各种类型的原型，无论是简单的 APP 界面，还是复杂的 Web 应用，都能轻松应对。在学习过程中，不要害怕遇到问题，组件显示异常、交互效果不佳、团队协作的小阻碍等，都是成长的垫脚石。只要掌握正确的解决方法，就能逐步克服困难，让你的原型设计之路更加顺畅。

参与评论您还未登录，请先登录后发表或查看评论

Chrome Extension 开发解析

奇舞周刊

09-18

2593

一、Chrome Extension 简介Chrome Extension，本质上是一个由 HTML、CSS、JavaScript 等前端技术开发的程序，就像我们平时开发的前端项目一样，它只是一个有各种资源组成的程序，被安装到浏览器后，能极大地扩展浏览器的功能。Chrome Extension 可以理解为一个独立运行在 Chrome 浏览器下的 APP，能够与打开的网页、Chrome 控制面板、第...

Chrome Serif font 设置探秘

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

05-10

925

在浏览器排版中，网页通常会通过 CSS 或 HTML 指定不同的字体族（font family），以达到特定的视觉风格。当网页指定通用字体族（generic font family）为serif时，浏览器便会使用用户在设置中定义的默认 Serif 字体进行渲染。

研发、运营必备实用工具网站

热门推荐

不脱发的程序猿

09-04

62万+

程序员开发需要具备良好的信息检索能力，为了备忘（收藏夹真是满了），将开发过程中常用的网站进行整理（不断更新中~）。

【技巧】Edge浏览器更换chrome主题、选项卡悬浮预览（开启实验功能）

虚宇宸轩

11-10

3000

自从微软推出了新版以Chromium为核心的新版Edge浏览器，在Windows平台就成了Chrome浏览器的强大竞争对手。它有着和chrome几乎一样的功能布局和设置选项，同样支持包括谷歌商店在内的各种扩展，可以说长期使用chrome的童鞋上手没有任何不适应的感觉。同时在中国大陆地区还有一个最突出的优点：同步方便。不必借助额外的工具，就可以在国内访问微软的扩展商店，登陆微软账户、进行同步操作。另外还有edge浏览器独有的集锦功能，在一定程度上可以替代One tab之类的扩展。因此已经有不.

给你一个更酷的浏览体验——csdn插件

qq_41862216的博客

06-02

5327

写在最前这是一篇恰饭文章，希望路过的各位老铁能多多点赞收藏，一键三连！面对无穷的的工作压力，你是否有想过拥有yikuan

IOS开发实用工具

移动应用软件开发之道 - 大神的专栏

01-11

1097

转自:http://www.xiaojiayi.com 原文地址：http://benscheirman.com/2013/08/the-ios-developers-toolbelt （需翻墙） ================================================= 如果你去到一位熟练的木匠的工作室，你总是能发现他/她有一堆工具来完成不同的任务。

Postman接口测试工具超详细-接口关联-接口自动化测试教程实例

测试-八戒

05-11

2578

一、postman插件安装备注：postman也是有软件进行下载的，但是是需要进行FQ下载的，故自行下载安装。本节讲述的是插件的安装以及简单实用。postman是Chrome的一个接口测试插件，故如果你已经安装了Chrome浏览器故直接可以安装拓展应用。在谷歌应用商店在线安装postman插件的方法首先我们打开chrome的应用商店,s搜索我们的postman插件，准备安装。选择添加至chrome即可！文章很长请耐心学习：链接里面备注111领取更多资料http://47.107.116.

探索Sunburst-crx插件：Chrome开发工具的新主题

通过更换主题，开发者可以改变DevTools的整体风格，从而提高开发效率和使用体验。主题通常包括颜色方案、字体样式和布局调整等元素，帮助减少视觉疲劳，提升视觉识别度。在本节中，我们将介绍DevTools Theme: ...

【Chrome插件开发】：eWebEditor专用工具构建攻略

首先，本文介绍了eWebEditor专用工具的理论基础，包括eWebEditor的架构和功能，以及Chrome插件的技术规范和开发环境的搭建。接着，重点讲解了eWebEditor专用工具的开发实践，涵盖前端界面构建、后端服

Neonify-crx：个性化Chrome浏览器的Neon风格工具栏

标题“Neonify-crx插件”指的是一个用于Google Chrome浏览器的扩展程序插件，其功能是将浏览器的用户界面更换成一种称为“Neon风格”的视觉样式。这类扩展程序通常通过添加一个工具栏或改变现有工具栏的视觉样式来...

Chrome苹果版皮肤定制工具，打造个性化界面

更换Chrome浏览器的皮肤为用户提供了一种改变浏览器外观的方法，而不需要更换浏览器本身。用户可以根据自己的喜好和个性化需求选择合适的主题。在使用非官方皮肤时，应谨慎选择来源，以避免安全风险。对于macOS用户...

【Vue3】02-Vue3工程目录分析

qq_52161797的博客

09-08

989

本文介绍了Vue3工程目录结构及关键文件作用。主要内容包括：1).vscode/extensions.json配置VS Code插件推荐；2)public目录存放静态资源；3)src目录存放主要开发文件；4)env.d.ts解决TS文件类型识别问题及常见依赖错误处理；5)index.html作为项目入口文件；6)package.json管理项目依赖；7)tsconfig相关文件配置TypeScript。文章还提供了项目运行方法(npm run dev)和常见权限问题的解决方案，帮助开发者快速理解和上手Vue

vue3+TS项目配置Eslint+prettier+husky语法校验

qq_44423029的博客

09-10

173

本文配置了Eslint+prettier+husky。其中ESLint 负责代码质量检查，Prettier 负责代码格式统一，Husky 通过 Git 钩子在提交时自动执行检查与格式化，三者结合确保代码规范、风格一致且无低级错误。

ssh远程登录服务器

huiguo_的博客

09-08

263

本文介绍了通过SSH密钥实现本地与服务器安全连接的完整流程：1) 在本机生成公钥/私钥对；2) 将公钥上传至服务器并设置权限；3) 配置服务器SSH参数（启用RSA认证、公钥登录和root登录）；4) 重启SSH服务使配置生效；5) 最后演示了在VSCode中使用私钥连接服务器的具体方法。整个流程包含详细的命令行操作和配置说明，并配有步骤截图辅助理解。

开学第一课

aaaghvhg的博客

09-08

1033

三、IDEA的基本使用开学啦。要用新的软件。idea软件（这个软件你们需要自己找）。这个软件的环境的配置，要先进行jdk的安装及环境变量的配置。idea的版本要尽量和jdk的版本时间一样，这样兼容性高。jdk的安装及环境变量的配置之前章节有讲过，章节名叫：JDK软件的安装（补录）一、介绍1.IDEA介绍IDEA全称，是用于java语言开发的集成环境（也可用于其他语言），IntelliJ在业界被公认为最好的java开发工具之一。

调试 cuda kernel

eloudy的专栏

09-07

852

调试 CUDA Kernel 并进入__device__函数是 CUDA 开发中一项非常重要的技能。这主要依赖于 NVIDIA 的官方调试器(用于系统级分析) 和(用于内核级分析) 以及经典的(命令行调试器)。这里将重点介绍两种最常用和强大的方法：使用(图形化界面，推荐) 和(命令行)。

vim笔记：配置笔记（长期记录）