Chrome开发工具 - 在控制台中显示特殊字符

Question

在Chrome开发者工具中，有没有办法在控制台中显示特殊字符（从JavaScript文件中使用console.log()时，而不是直接在控制台中输入）？例如，如果我尝试console.log("♣")，它只输出字符串文字，但不输出实际的俱乐部字符（♣）。

Answer 1

如果要在控制台上显示♣符号，那么console.log("♣")或console.log("\u2663")（unicode版本）应该可以正常工作。

如果您需要一种方法将HTML实体代码转换为控制台中的实际字符，那么您可以使用：

function entityToChar(entity) {
  var s = document.createElement('span');
  s.innerHTML = entity;
  return s.innerHTML;
}

对于JavaScript ♣只是一个字符串，您需要告诉浏览器它是HTML。

Answer 2

如果您输入document.documentElement.outerHTML.includes("enter what you are looking for between these quotes")，控制台会给您回复＆＃34; true＆＃34;或＆＃34; false＆＃34;，带有一些上下文和右侧HTML文件中的行号，您可以单击它以查看其在整个文档中的位置。

或者，在JavaScript中，您可以使用document.documentElement.outerHTML来获取包含您正在使用的整个HTML文件的字符串，而不是使用indexOf（＆＃34;＆amp; club;＆＃34;）或包含（＆ ＃34;＆amp; club;＆＃34;）获取您正在寻找的任何位置/存在，以及console.log（）结果。例如：

console.log(document.documentElement.outerHTML.indexOf("&club;")!=-1?
            "&club; is present! WOW! at character "+document.documentElement.outerHTML.indexOf("&club;"):
            "&club; has not appeared.");

我认为没有办法让这种情况自动发生。