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

Google chrome devtools Chrome开发工具-在控制台中显示特殊字符,google-chrome-devtools,html-entities,console.log,Google Chrome Devtools,Html Entities,Console.log,在Chrome开发工具中,有没有一种方法可以在控制台中显示特殊字符(在JavaScript文件中使用console.log()时,而不是直接在控制台中键入)?例如,如果我尝试console.log(“♣”),它只输出字符串文字,而不是实际的clubs字符(♣). 如果您键入document.documentElement.outerHTML.includes(“在这些引号之间输入您要查找的内容”)控制台将返回“true”或“false”,并在右侧的HTML文件中添加一点上下文和行号,

在Chrome开发工具中,有没有一种方法可以在控制台中显示特殊字符(在JavaScript文件中使用
console.log()
时,而不是直接在控制台中键入)?例如,如果我尝试
console.log(“♣”)
,它只输出字符串文字,而不是实际的clubs字符(♣).

如果您键入
document.documentElement.outerHTML.includes(“在这些引号之间输入您要查找的内容”)
控制台将返回“true”或“false”,并在右侧的HTML文件中添加一点上下文和行号,您可以单击以查看其在整个文档中的位置

或者,在JavaScript中,您可以使用document.documentElement.outerHTML获取包含您正在使用的整个HTML文件的字符串,而不是使用indexOf(“&club;”)或contains(“&club;”)获取您正在查找的内容的位置/存在,并使用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.");

我不相信有任何方法可以自动实现这一点。

如果您想显示♣ 符号,然后单击控制台上的
console.log(“♣")
console.log(“\u2663”)
(unicode版本)应该可以正常工作


如果需要在控制台中将HTML实体代码转换为实际字符的方法,则可以使用以下方法:

function entityToChar(entity) {
  var s = document.createElement('span');
  s.innerHTML = entity;
  return s.innerHTML;
}
因为JavaScript
♣
只是一个字符串,您需要告诉浏览器它是HTML


奇怪的是,当我键入
console.log('♣')
直接在控制台中输出,但当我使用
console.log('♣')在JavaScript文件中,然后输出
™(
-这就是我遇到的问题。@jbyrd啊,现在我知道你想实现什么了。好的,最可靠的解决方案是使用unicode字符表示法,如:
console.log(“\u2663”)
。我已经更新了答案。@jbyrd:两年后……很可能您使用的是不同的编辑器,但发生这种情况的原因是文档被保存为ISO-8859-1,而不是UTF-8。您需要向
头添加UTF-8字符集属性,或者使用添加UTF-8字节顺序标记(BOM)的文本编辑器不确定Node的解决方案是什么,但这就是浏览器的解决方案。