Google chrome devtools 如何使用Chrome开发工具实时查看DOM更改？

我不确定，但在执行JS更改时，它们似乎没有反映在“元素”选项卡部分。我看不到像这样的变化

document.write( '<script src="' + scriptSrc + '" type="text/javascript"><\/script>' );

document.write（“”）；

是否以及如何从Chrome开发工具实时查看DOM中的JS更改？如果Chrome开发工具不提供此功能，那么有什么工具可以提供此功能？ 谢谢你的帮助

document.write( '<script src="' + scriptSrc + '" type="text/javascript"><\/script>' );