1

我想单独在“Macbook Pro with Touchbar”上显示一些内容，并在其他台式机/笔记本电脑的情况下隐藏它们。

我知道使用媒体查询可以让我定位设备和像素比，但这里我试图定位支持触摸的笔记本电脑设备。

任何建议或链接都​​会有很大帮助。提前致谢。

4

1 回答 1

1

这不可能通过 CSS 实现，因为它不是特定于设备的。您可以根据视网膜设备的像素比添加媒体查询，但不是特定设备。

对于特定设备，我想说您可以尝试使用用户代理字符串尝试使用 javascript 查找最新的 MAC OS 版本，并假设它是带有 Touchbar 的 Mac Book Pro。

这个库提供了对 Touchbar 的支持，所以也许在你的 js 代码中使用它的一个实例，你可以检测它是否被支持，这意味着它是否有 touch bar。看看它，如果您有更具体的问题，请在 SO 上创建一个更具体的新线程。

https://electronjs.org/blog/touch-bar-support

于 2018-09-19T08:35:17.280 回答