WPF应用WebView2加载PDF时窗口变窄工具栏消失该如何解决

该现象是WebView2内置Chromium PDF阅读器的默认响应式逻辑：当视口宽度低于600px左右阈值时，会自动隐藏顶部工具栏适配小屏场景，可通过以下方案解决：

• 方案1：PDF加载URI强制指定工具栏显示
  加载PDF时在资源路径末尾拼接强制显示工具栏的参数，可覆盖大部分默认隐藏逻辑：

  // 本地PDF文件加载示例
  webView2.CoreWebView2.Navigate(@"D:\demo.pdf#toolbar=1&view=FitH");
  // 字节流/虚拟映射加载示例，参数同样拼到虚拟路径末尾
  webView2.CoreWebView2.Navigate("https://local-mock/file.pdf#toolbar=1");
  

• 方案2：注入CSS覆盖内置响应式样式
  WebView2初始化完成后注入自定义CSS，强制工具栏始终显示，适配所有版本内核：

  webView2.CoreWebView2.DOMContentLoaded += (sender, args) =>
  {
      webView2.CoreWebView2.ExecuteScriptAsync(@"
          const customStyle = document.createElement('style');
          customStyle.textContent = `
              /* 强制PDF工具栏始终可见，覆盖窄屏媒体查询逻辑 */
              #toolbar { display: flex !important; opacity: 1 !important; visibility: visible !important; }
              @media (max-width: 600px) {
                  #toolbar { display: flex !important; }
                  .toolbar-hidden-state { display: none !important; }
              }
          `;
          document.head.appendChild(customStyle);
      ");
  };
  

  若上述选择器不生效，可打开WebView2的F12开发者工具，自行定位工具栏对应的DOM元素类名修改选择器即可。

• 方案3：启动参数强制启用工具栏（高版本内核适用）
  WebView2 1.0.1587.40及以上版本支持通过启动参数直接禁用工具栏自动隐藏逻辑：

  var webViewEnv = await CoreWebView2Environment.CreateAsync(
      browserExecutableFolder: null,
      userDataFolder: null,
      options: new CoreWebView2EnvironmentOptions
      {
          AdditionalBrowserArguments = "--force-pdf-viewer-toolbar-visible"
      });
  await webView2.EnsureCoreWebView2Async(webViewEnv);
  

• 方案4：自定义外置工具栏（兜底方案）
  若内置方案无法满足需求，可直接通过#toolbar=0参数隐藏内置工具栏，自行用WPF原生控件实现工具栏，调用WebView2提供的PDF操作接口实现翻页、缩放、旋转等功能，完全不受窗口尺寸限制。

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