Chrome中带换行符的alert弹窗内容无法复制，请问有什么可行解决方案？

Chrome原生的window.alert和window.prompt存在带换行文本无法选中复制的限制，这是浏览器内核的固有行为，没有办法通过修改JS参数修复，只能通过替代方案解决，具体可行方案如下：

方案1：使用自定义DOM模态弹窗（最推荐，全浏览器兼容） #

原生弹窗是浏览器系统级控件，行为完全由浏览器厂商定义，没有自定义空间。换成前端自行实现的DOM弹窗可以100%控制文本展示、选中、复制逻辑，带换行的文本也可以正常选中复制，实现成本极低。
示例实现代码：

<style>
/* 弹窗遮罩 */
.modal-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9998;
}
/* 弹窗内容 */
.modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  white-space: pre-line; /* 自动识别文本中的换行符 */
  user-select: text; /* 强制允许选中文本 */
  min-width: 300px;
}
</style>

<script>
function customAlert(content) {
  // 清空已有弹窗
  document.querySelectorAll('.modal-mask, .modal-content').forEach(el => el.remove());

  // 创建遮罩层
  const mask = document.createElement('div');
  mask.className = 'modal-mask';

  // 创建内容层
  const modal = document.createElement('div');
  modal.className = 'modal-content';
  modal.textContent = content;

  // 点击遮罩关闭弹窗
  mask.addEventListener('click', () => {
    mask.remove();
    modal.remove();
  });

  document.body.appendChild(mask);
  document.body.appendChild(modal);
}

// 调用示例，替换原来的window.alert即可
function test_copy_b() {
  customAlert("Can you copy:\n //path/to/file1 \n //path/to/file2");
}
</script>

方案2：增加一键复制功能，简化用户操作 #

如果需要进一步降低用户操作成本，可以在自定义弹窗中添加一键复制按钮，直接调用剪贴板API把带换行的完整内容写入系统剪贴板，不需要用户手动选中：

async function copyContent(text) {
  try {
    // 优先使用标准剪贴板API
    await navigator.clipboard.writeText(text);
    alert('内容已成功复制到剪贴板');
  } catch (e) {
    // 降级兼容旧浏览器
    const textarea = document.createElement('textarea');
    textarea.value = text;
    textarea.style.position = 'fixed';
    textarea.style.opacity = '0';
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    textarea.remove();
    alert('内容已成功复制到剪贴板');
  }
}

方案3：原生弹窗降级兼容方案 #

如果暂时无法替换原生弹窗，可以将文本中的换行符替换为用户易识别的分隔符（比如---、|等），没有换行的文本在Chrome原生弹窗中可以正常选中复制，用户复制后可自行替换回换行符，该方案仅作为临时降级使用，体验不如前两种方案。

注意：目前没有任何手段可以修改Chrome原生弹窗的文本选中逻辑，只有替换为自定义DOM弹窗才能从根本上解决换行文本无法复制的问题。

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