如何在wxWidgets中禁用wxWebView的DPI缩放？

1. 通过命令行参数禁用WebView2自动缩放 #

WebView2基于Edge内核，支持通过命令行参数强制禁用高DPI自动缩放，你提到的Chrome参数同样适用。在wxWidgets中，可通过wxWebViewConfiguration传递这些参数：

• 创建wxWebViewConfiguration实例，添加所需命令行参数
• 用该配置初始化wxWebView

代码示例：

// 初始化WebView2配置对象
wxWebViewConfiguration webConfig;
// 添加禁用自动缩放的参数
webConfig.AddCommandLineArgument("--high-dpi-support=1");
webConfig.AddCommandLineArgument("--force-device-scale-factor=1");

// 使用配置创建wxWebView控件
wxWebView* webView = wxWebView::New(
    parent,          // 父窗口指针
    wxID_ANY,        // 控件ID
    wxWebViewDefaultURL,  // 默认加载URL
    wxDefaultPosition,    // 位置
    wxDefaultSize,        // 大小
    0,              // 样式标志
    webConfig       // 配置对象
);

2. 手动适配字体大小（结合DPI变更事件） #

既然页面源码包含<style>标签，可在DPI变更事件中通过JS动态修改字体大小，配合wxFromDIP实现精确适配：

步骤： #

• 为窗口绑定wxEVT_DPI_CHANGED事件
• 在事件处理函数中，计算适配当前DPI的字体大小
• 通过wxWebView::RunScript执行JS修改页面字体

代码示例：

// 绑定DPI变更事件（在窗口构造函数中）
Bind(wxEVT_DPI_CHANGED, &MyFrame::OnDpiChanged, this);

// 事件处理函数
void MyFrame::OnDpiChanged(wxDPIChangedEvent& event)
{
    if (!m_webView) // m_webView是你的wxWebView成员变量
    {
        event.Skip();
        return;
    }

    // 获取当前DPI缩放因子，将逻辑字体大小转换为物理像素
    int baseFontSize = 12; // 基础逻辑字体大小（12px）
    int scaledFontSize = wxFromDIP(baseFontSize, this);

    // 构造JS脚本，修改页面style标签和body字体
    wxString jsScript = wxString::Format(R"(
        // 更新所有style标签中的字体大小
        const styleElements = document.getElementsByTagName('style');
        for (const style of styleElements) {
            style.textContent = style.textContent.replace(/font-size:\s*\d+px/g, 'font-size: %dpx');
        }
        // 直接设置body的默认字体大小
        document.body.style.fontSize = '%dpx';
    )", scaledFontSize, scaledFontSize);

    // 执行JS脚本
    m_webView->RunScript(jsScript);

    event.Skip();
}

注意事项 #

• 确保Edge WebView2运行时为最新版本，旧版本可能不支持上述命令行参数
• 如果加载的是外部页面，无法直接修改其<style>标签时，可通过注入自定义CSS的方式覆盖字体（同样通过RunScript实现）
• wxFromDIP函数需传入当前窗口指针，确保获取正确的DPI缩放比例

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