如何拦截 Web 应用程序进行的本机文件系统 API 调用？

Question

如何拦截 Web 应用程序发出的 API 调用？例如，如何知道网站使用的是原生文件系统api，并在用户调用上述函数时拦截其函数？

await window.showOpenFilePicker()

Answer 1

您可以使用facade (aka decorator) pattern 来执行此操作。

使用TamperMonkey 将代码注入页面以执行此操作：

;(() => {
  const old = window.showOpenFilePicker;
  window.showOpenFilePicker = () => {
    console.log('showOpenFilePicker called');
    return old();
  }
})();