首页 开发者工具 Tailor

Tailor

用户数 : 1 分类 : 开发者工具 扩展大小 : 21.73KiB 最后更新时间 : 2020-07-06 版本 : 0.1.0
                            It's a pot luck in F12!

You won't want to be beholden to the DevTools themes out there? You don't want to install a different extension for every theme?  You want to HOLD THE KEYS TO YOUR OWN KINGDOM? Then flex those CSS muscles and style your DevTools on the fly.

Just make sure you...
1. Visit chrome://flags and enable "Developer Tools experiments"
2. Restart Chrome
3. Open DevTools Settings (F12, then F1)
4. Under Experiments, enable "Allow custom UI themes"

Now whenever you open DevTools you'll see a new panel called "Tailor" when you can tailor DevTools to your liking with the wonders of CSS. I'll be documenting what classes/etc to target, but for now give this a try:

:host .source-code, .-theme-with-dark-background .source-code, :host-context(.-theme-with-dark-background) .source-code, html .source-code {
  font-family: 'Comic Sans MS', serif !important;
  font-size: 1.5em !important;
  color: teal !important;
}

Click the Tailor button or hit Ctrl + S, then close and open DevTools. Voila, isn't it beautiful?
                        
查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:194738324
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功