如何拦截 Web 应用程序发出的本地文件系统 API 调用？

问题描述

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

await window.showOpenFilePicker()

解决方法

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

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

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