如何在帕格的console.log？

Question

我怎样才能在掌上电脑中调试来自后端的数据？

例如,这是我在expressjs中的后端:

    res.render("streams/show", {
        stream: cleanStream
    });

在show.pug中,我想检查来自steam的数据:

- var species = stream.species;
- var fields = [];
- for (var key in species) fields.push(key)
- console.log(fields)

我在Chrome上的Developer Tool上看不到任何内容.

有任何想法吗？

Answer 1

您当前访问模板中数据的方法将在运行Express的终端中的后端记录信息,而不是Chrome Developer Tools中的前端.

为了访问模板内部的外部信息,您需要将其嵌套在script标记内,并JSON.stringify与未转义的Pug字符串插值结合使用,以在HTML中呈现它,如下所示.

script
     | var species = !{JSON.stringify(stream.species)};
     | var fields = [];
     | for (var key in species) fields.push(key)
     | console.log(fields)