How to change Google Chrome DevTools codes highlight theme color All In One

How to change Google Chrome DevTools codes highlight theme color All In One

如何更改 Google Chrome DevTools 代码高亮主题颜色

demos

Light Pink

image

image

(🐞 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章!

console.log color

image

console.log(`%c Light Pink`, `color: pink`)
// Light Pink

image

console.log(`%c Light Pink`, `color: #fdc5c6`);
// Light Pink

https://www.cnblogs.com/xgqfrms/p/13743917.html

命令菜单

打开命令菜单,请执行以下操作:

  1. Ctrl+Shift+P (Windows / Linux) 或 Command+Shift+P (Mac)。

  2. 点击 自定义和控制开发者工具。 自定义和控制开发者工具,然后选择 Run 命令。

image

https://developer.chrome.com/docs/devtools/command-menu?hl=zh-cn

refs

动态主题

开发者工具可以自动匹配 Chrome 的颜色主题

https://developer.chrome.com/docs/devtools/customize?hl=zh-cn#dynamic-theme

image

https://developer.chrome.com/docs/devtools/settings/preferences?hl=zh-cn

https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/customize/theme

https://superuser.com/questions/472897/what-are-the-chrome-developer-tools-highlight-colors



©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章