自定义Chrome网络检查器的外观 [英] Customise the look of the Chrome web inspector

问题描述

我已经厌倦了我每天使用Firefox浏览器遇到的众多问题，并且我正在再次尝试切换到Chrome。

令我感到挫败的事情之一是检查员中标签的布局。在萤火虫中，它们都是顶尖的，所以如果我想要一个项目的指标，它非常简单。在Chrome中，我会永远向上和向下滚动。

有没有办法改变它的工作方式？我想要做的就是改变布局，使其与Firebug有些类似。

干杯！

解决方案

Chrome网络检查器只是一个Web应用程序，因此非常可定制。您可以下载devtools HTML / CSS / JS的副本，并让Chrome通过命令行标志来使用它。为您提供的一些资源：

• 运行您自己的 devtools前端


• 自定义元素标签的外观和风格 相关搜索结果问题： Chrome开发人员工具元素 - 隐藏恼人的黄色尺寸框


• Chrome命令行标志

I've grown tired of the multitude of issues I seem to hit on a daily basis with Firefox and I'm trying once again to switch to Chrome.

One of the things that frustrates me is the layout of the tabs in the inspector. In firebug they are all along the top so if I want the metrics of an item it's incredibly simple. In Chrome I'm forever scrolling up and down.

Is there anyway to change the way this works? All I want to do is change the layout to something a little similar to Firebug.

Cheers!

解决方案

The Chrome web inspector is just a web application, so is very customizable. You can download a copy of the devtools HTML/CSS/JS and tell Chrome to use it with a command line flag. Some resources for you:

• Running your own devtools frontend
• Customizing look and feel of elements tab
• Related SO question: Chrome "Developer Tools" element - hide annoying yellow dimensions box
• List of Chrome command line flags

这篇关于自定义Chrome网络检查器的外观的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！