如何移除window.prompt()中的"This page says: "提示前缀？

首先明确：原生window.prompt()无法移除"This page says"前缀。这是浏览器内置的安全机制，目的是让用户清晰识别弹窗来自当前网页，避免恶意网站冒充系统弹窗窃取信息，所有主流浏览器都强制保留这个标识，没有原生API能修改或移除它。

如果想要无前缀的弹窗，只能通过HTML、CSS和JavaScript实现自定义弹窗组件，完全自主控制内容与样式。以下是一个简单示例：

<!-- 自定义弹窗结构 -->
<div id="customPrompt" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:24px; background:#fff; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.15);">
  <p>What's your name?</p>
  <input type="text" id="promptInput" style="width:100%; padding:8px; margin:12px 0; border:1px solid #ddd; border-radius:4px;">
  <div style="display:flex; gap:8px; justify-content:flex-end;">
    <button onclick="confirmCustomPrompt()" style="padding:8px 16px; border:none; border-radius:4px; background:#007bff; color:#fff; cursor:pointer;">确认</button>
    <button onclick="closeCustomPrompt()" style="padding:8px 16px; border:1px solid #ddd; border-radius:4px; background:#f5f5f5; cursor:pointer;">取消</button>
  </div>
</div>

<script>
// 显示自定义弹窗
function showCustomPrompt() {
  document.getElementById('customPrompt').style.display = 'block';
}

// 处理用户输入
function confirmCustomPrompt() {
  const inputVal = document.getElementById('promptInput').value;
  if (inputVal) {
    console.log('用户输入:', inputVal);
    // 这里可添加后续业务逻辑
  }
  closeCustomPrompt();
}

// 关闭弹窗
function closeCustomPrompt() {
  document.getElementById('customPrompt').style.display = 'none';
  document.getElementById('promptInput').value = '';
}

// 调用自定义弹窗替代原生prompt
showCustomPrompt();
</script>

这个自定义弹窗完全由你掌控，既没有浏览器强加的前缀，还能根据需求调整样式与交互逻辑。

内容的提问来源于stack exchange，提问作者Elio Who Codes