CefSharp如何向window.open打开的新页面注入JS脚本

核心逻辑是接管CefSharp的弹窗创建流程，拿到新打开页面的浏览器实例后，在页面加载完成时注入自定义JS，不需要修改原page1.html的源码。

方案1：通过LifeSpanHandler接管弹窗（官方推荐，稳定性最高） #

实现步骤 #

1. 自定义生命周期处理器，拦截window.open触发的新窗口请求

using CefSharp;
using CefSharp.WinForms;
using System.IO;

public class PopupInjectHandler : ILifeSpanHandler
{
    private readonly string _injectJs;

    public PopupInjectHandler(string jsPath)
    {
        // 提前读取要注入到新页面的JS文件内容
        _injectJs = File.ReadAllText(jsPath);
    }

    public bool OnBeforePopup(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, 
        string targetUrl, string targetFrameName, WindowOpenDisposition targetDisposition, 
        bool userGesture, IPopupFeatures popupFeatures, IWindowInfo windowInfo, 
        IBrowserSettings browserSettings, ref bool noJavascriptAccess, out IWebBrowser newBrowser)
    {
        // 可按需加URL判断，只处理你需要注入的page2.html
        if (targetUrl.Contains("page2.html"))
        {
            // 创建自己可控的浏览器实例
            ChromiumWebBrowser popupBrowser = new ChromiumWebBrowser();
            
            // 监听页面加载完成事件，主框架加载完就注入JS
            popupBrowser.FrameLoadEnd += (s, e) =>
            {
                if (e.Frame.IsMain)
                {
                    e.Frame.ExecuteJavaScriptAsync(_injectJs);
                }
            };

            // 把新浏览器实例返回给CefSharp，页面会自动加载到这个实例
            newBrowser = popupBrowser;
            
            // 这里自己处理popupBrowser的界面展示，比如放到新窗体/新标签页
            // 示例：this.Invoke((Action)(() => {
            //    Form popupForm = new Form();
            //    popupForm.Controls.Add(popupBrowser);
            //    popupForm.Show();
            // }));

            return false;
        }

        // 其余不需要处理的弹窗走默认逻辑
        newBrowser = null;
        return true;
    }

    // 接口其余方法空实现即可
    public void OnAfterCreated(IWebBrowser chromiumWebBrowser, IBrowser browser) { }
    public bool DoClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { return false; }
    public void OnBeforeClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { }
}

2. 给加载page1的主浏览器注册自定义处理器

// 初始化加载page1的主浏览器
ChromiumWebBrowser mainBrowser = new ChromiumWebBrowser("http://localhost/KintechToGica22/page1.html");
// 注册弹窗处理器，传入page2要注入的JS路径
mainBrowser.LifeSpanHandler = new PopupInjectHandler(@"c:\page2Inject.js");
// 把主浏览器添加到当前窗体控件集合
this.Controls.Add(mainBrowser);

方案2：重写page1的window.open方法（轻量方案） #

你已经可以给page1注入JS，直接在你注入的my.js里重写原生window.open方法，拦截打开page2的请求，和C#端通信完成注入：

// 注入到page1的my.js内容
const _originOpen = window.open;
window.open = function(url, target, features) {
    if (url.includes('page2.html')) {
        // 方式1：让新页面在当前窗口跳转，直接配合主浏览器的FrameLoadEnd事件注入JS
        // window.location.href = url;

        // 方式2：通过CefSharp的JS桥通知C#端处理新页面
        // CefSharp.PostMessage({type: 'openNewPage', url: url});
    }
    // 不需要拦截的请求走原生逻辑
    return _originOpen.apply(this, arguments);
}

注意：这个方案在跨域场景下可能存在兼容问题，优先选方案1。

注意事项 #

• 注入JS必须在FrameLoadEnd事件、且当前帧是主帧（IsMain = true）时执行，避免iframe重复注入，也能保证DOM加载完成，JS操作不会报错。
• 不同版本CefSharp的ILifeSpanHandler接口签名可能有细微差异，核心逻辑不变，对齐你使用的版本的接口参数即可。

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