javascript - 如何使用 javascript 检查 webkitdirectory 是否正常工作？

Question

在我的网络应用程序中，我在输入字段上使用文件夹选择。这就是功能

https://caniuse.com/#search=webkitdirectory

但是，我还进行了一些兼容性检查，以确保该功能在用户尝试使用它之前存在。有没有办法可以快速检查 javascript 以查看此功能是否存在？

我正在寻找类似的东西，如果我想检查 webworkers 是否存在，我可以做 if (window.Worker) {}

有人知道吗？

谢谢

Answer 1

在支持的浏览器中，HTMLInputElement 会将属性 webkitdirectory 设置为 true 或 false。

我们可以使用这个事实来检查兼容性:

var input = document.createElement("input");

if(typeof input.webkitdirectory !== "boolean") {
    // not supported
}