如何在浏览器开发者工具中原样显示字符串中的\n和\r\n转义字符

• 方法1：JSON.stringify通用快速实现
  内置方法自动处理所有标准转义字符，只需移除首尾自动生成的双引号即可：

  const s1 = "123\n456";
  const s2 = "123\r\n456";
  
  console.log(JSON.stringify(s1).slice(1, -1)); // 输出 123\n456
  console.log(JSON.stringify(s2).slice(1, -1)); // 输出 123\r\n456
  

  该方法会同时处理双引号、反斜杠、制表符等其他转义字符，适合绝大多数通用场景。

• 方法2：自定义正则替换，精准控制转义范围
  如果只需要处理换行相关转义，无需处理其他字符，可自定义替换规则：

  function getLiteralString(str) {
    return str.replace(/\r/g, '\\r').replace(/\n/g, '\\n');
  }
  
  const testStr = "123\r\n456\n789";
  console.log(getLiteralString(testStr)); // 输出 123\r\n456\n789
  

  可按需扩展规则，比如新增replace(/\t/g, '\\t')处理制表符、replace(/\\/g, '\\\\')处理反斜杠等。
• 方法3：控制台临时调试技巧
  仅调试时使用无需修改代码，可直接输入console.log('%o', 你的字符串变量)，主流浏览器控制台会直接展示字符串的原始转义字面量，不会渲染换行效果。

内容的提问来源于stack exchange，提问作者SoftTimur