如何通过生成WM_NCHITTEST消息实现CEF无边框窗口的拖拽与缩放？

我之前折腾过一模一样的CEF无边框窗口需求，你的思路方向是对的，但卡在WM_NCHITTEST的实现逻辑上了——不是主动生成WM_NCHITTEST消息，而是要拦截系统发送的该消息，替换返回值。下面给你拆解具体的实现步骤和踩过的坑：

核心逻辑修正 #

首先明确：WM_NCHITTEST是系统主动发给窗口的消息，用来判断鼠标当前处于窗口的哪个区域（客户区/标题栏/边缘等）。对于WS_POPUP无边框窗口，系统默认认为整个窗口都是客户区（返回HTCLIENT），所以我们需要：

1. 用JS捕获鼠标所在的窗口区域（边缘/拖拽区），把对应的WinAPI HitTest标识通过IPC传给C++
2. 在C++端拦截系统发送的WM_NCHITTEST消息，替换成JS传来的标识，让系统认为鼠标在非客户区（从而触发拖拽/缩放行为）

具体实现步骤 #

1. 调整IPC消息的处理方式 #

不要尝试主动发送WM_NCHITTEST，而是把JS传来的HitTest结果存在一个全局/成员变量里，等待系统消息触发时使用。

比如在你的CEF客户端类里加一个存储变量：

class MyCefClient : public CefClient, public CefMessageRouterBrowserSide::Handler {
private:
    int m_currentHitTestResult = HTCLIENT; // 默认客户区
    HWND m_browserHwnd = nullptr;
    // ...其他成员

然后在IPC消息回调里更新这个变量：

bool OnProcessMessageReceived(CefRefPtr<CefBrowser> browser, 
                              CefRefPtr<CefFrame> frame,
                              CefProcessId source_process,
                              CefRefPtr<CefProcessMessage> message) override {
    if (message->GetName() == "HitTestUpdate") {
        CefRefPtr<CefListValue> args = message->GetArgumentList();
        if (args->GetSize() > 0) {
            m_currentHitTestResult = args->GetInt(0);
        }
        return true;
    }
    return false;
}

2. 子类化CEF浏览器窗口的WndProc #

CEF的浏览器窗口是由框架创建的，我们需要通过子类化窗口过程来拦截WM_NCHITTEST消息。在窗口创建完成时设置子类：

// 自定义窗口过程
static LRESULT CALLBACK CustomBrowserWndProc(HWND hwnd, UINT msg, WPARAM wParam, LPARAM lParam, 
                                            UINT_PTR uIdSubclass, DWORD_PTR dwRefData) {
    MyCefClient* client = reinterpret_cast<MyCefClient*>(dwRefData);
    
    if (msg == WM_NCHITTEST) {
        // 如果有JS传来的HitTest结果，返回它，否则走默认逻辑
        if (client->m_currentHitTestResult != HTCLIENT) {
            int result = client->m_currentHitTestResult;
            client->m_currentHitTestResult = HTCLIENT; // 重置避免影响后续消息
            return result;
        }
    }
    
    // 调用原始窗口过程
    return DefSubclassProc(hwnd, msg, wParam, lParam);
}

// 浏览器窗口创建完成时子类化
void OnWindowCreated(CefRefPtr<CefBrowser> browser) override {
    m_browserHwnd = browser->GetHost()->GetWindowHandle();
    SetWindowSubclass(m_browserHwnd, CustomBrowserWndProc, 0, reinterpret_cast<DWORD_PTR>(this));
}

3. JS端精准捕获鼠标区域 #

确保JS返回的HitTest标识和WinAPI的常量严格对应，同时优化发送频率避免IPC过载：

// 对应WinAPI的HitTest常量
const HitTestConst = {
    HTCLIENT: 1,
    HTCAPTION: 2,
    HTLEFT: 10,
    HTRIGHT: 11,
    HTTOP: 12,
    HTTOPLEFT: 13,
    HTTOPRIGHT: 14,
    HTBOTTOM: 15,
    HTBOTTOMLEFT: 16,
    HTBOTTOMRIGHT: 17
};

const BORDER_SIZE = 10; // 边缘触发缩放的像素宽度
const DRAG_AREA_HEIGHT = 30; // 顶部拖拽区域高度

let isDragging = false;

// 用requestAnimationFrame优化发送频率
function sendHitTestUpdate() {
    const { innerWidth, innerHeight } = window;
    const mousePos = { x: window.mouseX || 0, y: window.mouseY || 0 };
    
    let hitTest = HitTestConst.HTCLIENT;

    // 判断角落
    if (mousePos.x <= BORDER_SIZE && mousePos.y <= BORDER_SIZE) {
        hitTest = HitTestConst.HTTOPLEFT;
    } else if (mousePos.x >= innerWidth - BORDER_SIZE && mousePos.y <= BORDER_SIZE) {
        hitTest = HitTestConst.HTTOPRIGHT;
    } else if (mousePos.x <= BORDER_SIZE && mousePos.y >= innerHeight - BORDER_SIZE) {
        hitTest = HitTestConst.HTBOTTOMLEFT;
    } else if (mousePos.x >= innerWidth - BORDER_SIZE && mousePos.y >= innerHeight - BORDER_SIZE) {
        hitTest = HitTestConst.HTBOTTOMRIGHT;
    } 
    // 判断边缘
    else if (mousePos.x <= BORDER_SIZE) {
        hitTest = HitTestConst.HTLEFT;
    } else if (mousePos.x >= innerWidth - BORDER_SIZE) {
        hitTest = HitTestConst.HTRIGHT;
    } else if (mousePos.y <= BORDER_SIZE) {
        hitTest = HitTestConst.HTTOP;
    } else if (mousePos.y >= innerHeight - BORDER_SIZE) {
        hitTest = HitTestConst.HTBOTTOM;
    }
    // 判断拖拽区
    else if (mousePos.y <= DRAG_AREA_HEIGHT) {
        hitTest = HitTestConst.HTCAPTION;
    }

    // 发送IPC消息到C++
    window.cefQuery({
        request: JSON.stringify({ type: "HitTest", value: hitTest }),
        onSuccess: () => {},
        onFailure: () => {}
    });

    if (isDragging) requestAnimationFrame(sendHitTestUpdate);
}

// 监听鼠标事件
document.addEventListener('mousemove', (e) => {
    window.mouseX = e.clientX;
    window.mouseY = e.clientY;
    if (!isDragging) sendHitTestUpdate();
});

document.addEventListener('mousedown', () => {
    isDragging = true;
    requestAnimationFrame(sendHitTestUpdate);
});

document.addEventListener('mouseup', () => {
    isDragging = false;
});

关键踩坑点 #

1. 窗口样式要加WS_THICKFRAME：即使是WS_POPUP窗口，也要加上WS_THICKFRAME样式，否则系统不会响应边缘缩放的HitTest标识。
2. CEF窗口重创建的处理：CEF在某些场景下会重新创建浏览器窗口（比如渲染进程崩溃重启），这时候需要重新子类化窗口过程，否则消息拦截会失效。
3. IPC消息的异步延迟：如果拖拽/缩放有卡顿，可以在JS里合并连续的HitTest消息，或者用同步消息机制（不推荐，尽量用优化后的异步发送）。

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