在HTML中显示未定义的API，而不是值

，通常是因为浏览器不支持该API或者该API在当前环境中未被正确加载。这种情况下，可以通过以下方式处理：

1. 检查浏览器兼容性：首先，确保所使用的浏览器版本支持该API。可以通过查阅浏览器的官方文档或者Can I use网站来获取相关信息。
2. 检查API是否正确加载：确保所使用的API已经正确加载到页面中。可以通过查看开发者工具中的网络面板或者控制台来确认是否有相关的加载错误或警告信息。
3. 使用条件语句进行兼容性处理：如果发现某个API在当前环境中不可用，可以使用条件语句进行兼容性处理。例如，可以使用JavaScript的条件语句来检测API是否可用，如果不可用，则提供替代的解决方案或者友好的错误提示。
4. 使用Polyfill或垫片库：如果需要在不支持某个API的浏览器中使用该功能，可以考虑使用Polyfill或垫片库。Polyfill是一种JavaScript代码片段，可以在不支持某个API的浏览器中模拟该API的功能。可以通过搜索相关的Polyfill库来找到适合的解决方案。
5. 更新浏览器或使用其他浏览器：如果发现当前使用的浏览器版本过旧或者不支持该API，可以尝试更新浏览器版本或者切换到其他支持该API的浏览器。

总结起来，当在HTML中显示未定义的API时，需要先检查浏览器兼容性，确保API在当前环境中可用。如果不可用，可以使用条件语句进行兼容性处理，或者考虑使用Polyfill或垫片库来模拟该API的功能。如果以上方法都无法解决问题，可以考虑更新浏览器版本或者切换到其他支持该API的浏览器。