通过Chrome dev javascript控制台查看控制器发送的变量

我的GSP或模板上的类似代码将在Chrome dev tools javascript控制台中向我显示控制器发送的变量：

<script>
    console.log("${recordToEdit.redIssues}"); // I see a list with elements in the console
</script>

但是有没有办法在控制台上以交互方式查看它？我尝试了以下命令，但无法使其工作：

console.log("${recordToEdit.redIssues}")
${recordToEdit.redIssues} VM1892:2
undefined
console.log(${recordToEdit.redIssues})
SyntaxError: Unexpected token {
console.log${recordToEdit.redIssues}
SyntaxError: Unexpected token {

---

没有办法以你现在尝试做事情的方式来互动地看待它。当它嵌入到GSP或带有标记的模板中时，它会工作，因为${recordToEdit.redIssues}表达式是一个在服务器端计算的表达式。呈现GSP页面时，recordToEdit.redIssues将转换为包含其值的字符串

JavaScript控制台不知道您正在运行的服务器端代码，只知道它接收的静态HTML内容。也就是说，您仍然可以在一定程度上实现所需的功能

您可以通过如下方式将值设置为GSP或模板上的全局JavaScript变量来访问相同的服务器端变量：

<script>
    window.redIssues = "${recordToEdit.redIssues}";
</script>

---

然后，在ChromeDevTools控制台中，您只需输入redIssues并点击enter键即可访问该值。请注意，该值不会是动态的，它将仅显示呈现页面时原始recordToEdit.redIssues值的内容。

感谢您提供的详细答案。谢谢。

<script>
    window.redIssues = "${recordToEdit.redIssues}";
</script>