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, 禁止轉載 🈲️,侵權必究⚠️!


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