Google chrome devtools Chrome开发工具-在控制台中显示特殊字符
在Chrome开发工具中,有没有一种方法可以在控制台中显示特殊字符(在JavaScript文件中使用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文件中添加一点上下文和行号,
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的解决方案是什么,但这就是浏览器的解决方案。