如何在Chrome DevTools中复制计算后的box-shadow CSS值？

快速获取计算后box-shadow值的方法 #

• 使用Computed面板：打开DevTools的Computed标签，在搜索框输入box-shadow，找到对应条目后，双击计算后的数值（或右键选择复制），就能得到不带CSS变量的最终生效值。
• 通过Console命令提取：先在Elements面板选中目标元素，然后在Console中执行：

  getComputedStyle($0).boxShadow
  

  执行后右键点击输出的结果，选择复制即可得到计算后的完整值。

关于添加「Copy computed styles」选项的建议 #

你提到的在Styles面板直接添加复制计算值的功能确实能提升效率，你可以通过Chrome DevTools右上角的菜单（三个点图标）→「Help」→「Report an issue」提交这个功能需求，官方会考虑纳入后续版本的迭代计划。

内容的提问来源于stack exchange，提问作者Roeland