如何拦截第三方JavaScript弹出的Alert并替换为其他内容？

当然可以搞定这个需求！你只需要通过重写原生的window.alert方法，就能在第三方代码弹出alert前捕获并修改内容，甚至替换成自定义的展示方式。核心思路是先保存原生的alert函数，再替换成我们自己的处理逻辑，这样所有调用alert的地方都会走我们的自定义函数。

具体实现步骤 #

1. 保存原生alert函数：避免覆盖后无法恢复原生功能
2. 重写window.alert：在自定义函数中处理提示内容，选择修改后调用原生alert，或者用自己的方式展示

示例代码（结合你的场景） #

// 先保存原生alert，方便后续恢复或调用
const originalAlert = window.alert;

// 重写alert方法
window.alert = function(message) {
    // 这里可以根据需求修改提示内容
    // 比如替换特定文本，或者完全自定义新内容
    const modifiedMessage = message.replace("SDK默认提示", "这是我们自定义的提示内容");

    // 如果你想替换成自己的展示方式（比如自定义模态框），就不用调用originalAlert
    // 比如：showMyCustomModal(modifiedMessage);
    
    // 如果还是想用原生alert但替换内容，就调用保存的原生方法
    originalAlert(modifiedMessage);
};

// 调用第三方SDK代码
function doOtherPeopleCode(){ 
    sdk.doStuff(); // 现在这里的alert会被我们捕获并处理
}

额外注意事项 #

• 执行顺序很重要：一定要确保重写alert的代码在第三方SDK加载和调用之前执行，这样才能覆盖原生方法，捕获到所有alert调用。
• 可恢复原生功能：如果之后需要恢复原生alert，只需要执行window.alert = originalAlert;即可。
• 完全自定义展示：如果不想用原生alert弹窗，你可以在自定义函数里集成自己的UI组件（比如优雅的模态框、Toast提示），完全替代原生alert的表现。

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