WPF WebBrowser通过InvokeScript调用外部JS文件方法未生效问题咨询

• 第一步：确保外部JS文件完全加载到页面全局作用域
  1. 调整HTML内JS引入标签的位置：你当前写的<script src="./PathToJs/Test.js" type="text/javascript"></script>放置在</head>和<body>标签之间的非标准位置，在WebBrowser依赖的IE内核下很容易出现加载异常，把该标签挪到<head>标签内部，或者页面最底部</body>闭合标签之前即可。
  2. 校验加载时机：所有JS调用逻辑必须放在webBrowser.LoadCompleted事件触发之后执行，页面未完全加载时调用一定会出现找不到函数的问题。可以在LoadCompleted事件里加一行测试代码，判断函数是否真的存在：

     // 页面加载完成后先校验函数是否存在
     var funcType = webBrowser.InvokeScript("typeof fillData");
     // 如果输出为undefined，说明JS未加载成功
     MessageBox.Show(funcType?.ToString());
     

  3. 检查JS文件路径：WebBrowser加载本地HTML时的相对路径是相对于HTML文件本身的物理存放路径，不是应用程序的运行目录，路径写错会直接导致JS资源404加载失败，这也是外部JS函数调用失效的最常见原因。
• 第二步：替换不稳定的execScript调用写法
  你当前使用的webBrowser.InvokeScript("execScript", new Object[] { "fillData()", "JavaScript" })是早期IE的遗留API，在高版本IE内核下兼容性很差。直接使用原生的InvokeScript传参方式调用即可，只要函数在全局作用域挂载，不管是页面内定义还是外部JS引入，都能正常触发：

  // 直接调用全局作用域的fillData函数
  webBrowser.InvokeScript("fillData", new object[] { });
  

• 第三步：修复WebBrowser内核兼容问题
  如果上述步骤调整后依然无法调用，大概率是WebBrowser默认使用了IE7兼容模式，这种模式下对外部JS的全局作用域挂载逻辑存在bug。在HTML的<head>标签内添加meta声明，强制WebBrowser使用系统安装的最高版本IE内核渲染即可：

  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  

• 额外排查项：确认JS函数未被局部作用域包裹
  检查你写的Test.js内容，确保fillData是直接在文件顶层定义的，没有被IIFE、模块化逻辑包裹形成局部函数——局部函数不会暴露到window全局对象上，C#端无论如何都无法调用到。比如下面这种写法就是无效的：

  // 错误写法：函数被包裹在闭包内，不会暴露到全局
  (function(){
      function fillData() {
          alert("fill");
      }
  })()
  

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