如何阻止Firefox/Chrome开发者工具控制台自动检测超链接？

• 用console.dir()输出原始字符串
  直接将链接字符串传入console.dir()，它会以原始文本形式完整展示内容，不会自动识别为超链接，也就不会触发缩略逻辑。示例代码：

  var href = 'https://stackoverflow.com/search?q=%5Bgoogle-chrome-devtools%5D+%5Bconsole.log%5D+%5Bfirefox-developer-tools%5D+%5Bhyperlink%5D+automatic+detection&someMoreStuffTomakeTheLinkLonger';
  console.dir(href);
  

• 将链接包裹在对象中输出
  把长链接放到对象的属性里，用console.log()输出这个对象，控制台会允许展开对象查看完整的属性值，不会对链接进行缩略处理。示例：

  var href = 'https://stackoverflow.com/search?q=%5Bgoogle-chrome-devtools%5D+%5Bconsole.log%5D+%5Bfirefox-developer-tools%5D+%5Bhyperlink%5D+automatic+detection&someMoreStuffTomakeTheLinkLonger';
  console.log({ fullLink: href });
  

• 禁用Chrome控制台的链接自动检测
  在Chrome开发者工具中按F1打开设置，切换到「Console」选项卡，取消勾选「Enable linkification」，之后控制台不再识别字符串为超链接，会完整显示原始文本。

• 手动拆分链接分段输出
  如果需要保留链接的可点击状态，又想查看完整内容，可以把长链接拆分成多段输出，示例：

  var href = 'https://stackoverflow.com/search?q=%5Bgoogle-chrome-devtools%5D+%5Bconsole.log%5D+%5Bfirefox-developer-tools%5D+%5Bhyperlink%5D+automatic+detection&someMoreStuffTomakeTheLinkLonger';
  console.log('链接前半段:', href.slice(0, 80));
  console.log('链接后半段:', href.slice(80));
  

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