css - 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;

喜欢这里

因此，当您检查 chrome 稳定版本中的 body 元素时，您会得到这个

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

那么是否可以让稳定版本显示所有重复属性？

Answer 1

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