iframe嵌入PDF时URL搜索参数被丢弃，如何实现搜索定位？

可能的原因及对应解决方案 #

1. 修正URL参数的编码与格式 #

你当前拼接的参数里用了转义双引号，可能在HTML渲染时被转义成"，导致PDF阅读器无法识别。建议直接使用URL编码后的双引号，或者去掉引号（搜索词无空格时）：

C#代码调整：

// 方式1：使用URL编码的双引号包裹搜索词
TagService.Sys_VAR_iframe_source_pdf = "files/SysVar/Sysvar.pdf#search=%22aaCurr%22";

// 方式2：无空格的搜索词可直接省略引号
TagService.Sys_VAR_iframe_source_pdf = "files/SysVar/Sysvar.pdf#search=aaCurr";

2. 确保URL渲染时未被HTML转义 #

检查页面渲染后的iframe源码，确认src属性值是否为预期格式。如果看到#search="aaCurr"，说明双引号被HTML转义了。此时可以改用单引号包裹搜索词：

C#代码调整：

TagService.Sys_VAR_iframe_source_pdf = "files/SysVar/Sysvar.pdf#search='aaCurr'";

3. 用Uri类规范构造URL #

借助C#的Uri类自动处理编码，避免手动拼接出错：

var basePath = "files/SysVar/Sysvar.pdf";
var searchTerm = "aaCurr";
var uriBuilder = new UriBuilder(basePath);
uriBuilder.Fragment = $"search=%22{Uri.EscapeDataString(searchTerm)}%22";
TagService.Sys_VAR_iframe_source_pdf = uriBuilder.Uri.ToString();

4. 适配不同浏览器的PDF阅读器 #

不同浏览器内置PDF阅读器对参数的支持有差异：

• Chrome/Edge（基于PDFium）：支持#search="关键词"或#search=关键词格式
• Firefox：部分版本可能需要#search=关键词（无引号）
• Safari：对PDF参数支持有限，可能需要用PDF.js替代

5. 替代方案：使用PDF.js主动执行搜索 #

如果浏览器内置阅读器不支持参数，可集成PDF.js实现可靠的搜索定位：

1. 引入PDF.js库
2. 在页面加载时加载PDF并执行搜索：

<div id="pdf-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
<script>
  const url = "@TagService.Sys_VAR_iframe_source_pdf".split("#")[0]; // 提取基础PDF路径
  const searchTerm = "@TagService.Sys_VAR_iframe_source_pdf".split("search=")[1].replace(/["']/g, ""); // 提取搜索词

  pdfjsLib.getDocument(url).promise.then(pdf => {
    // 遍历页面查找首个匹配项
    for (let i = 1; i <= pdf.numPages; i++) {
      pdf.getPage(i).then(page => {
        page.getTextContent().then(textContent => {
          const text = textContent.items.map(item => item.str).join(" ");
          if (text.includes(searchTerm)) {
            // 定位到该页面并高亮，需结合PDF.js viewer组件实现，具体参考官方示例
            return;
          }
        });
      });
    }
  });
</script>

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