chrome 开发工具在稳定版本中不显示重复的 css 属性

Question

在开发时了解为特定元素实现的所有 css 属性很有用，但 chrome 稳定版不这样做， 这里是示例，body 元素具有渐变背景，但当然要在所有浏览器上实现这一点，您必须这样做

background: -webkit-gradient(radial, center center, 500, center center, 1400, from(transparent), to(rgba(0, 0, 0, 0.6))) white;
background: -webkit-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:    -moz-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:     -ms-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background:      -o-radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;
background: radial-gradient(farthest-side, transparent 90%, rgba(0, 0, 0, 0.2) 150%) white;

点赞here

所以当你在 chrome 稳定版中检查 body 元素时，你会得到这个

但是在金丝雀中你会得到这个

那么有没有办法让稳定版本显示所有重复属性？

Answer 1

好吧，Chrome 只是忽略了不针对他的属性……这很正常。如果您想测试/调试其他属性的代码（使用其他供应商前缀），您应该使用正确的浏览器测试/调试它们：chrome 开发工具不是为此而设计的。