如何停止在移动设备上加载pdf？

Question

我在xhtml页面中有对象元素。我将pdf文件加载到此对象中。我需要在移动设备上禁用此对象的加载。通过CSS隐藏此对象意味着它仍然被加载。

如何停止在移动设备上加载pdf？我需要纯CSS / JS的解决方案 - 即在浏览器端。将xhtml更改为不在服务器端具有对象元素不是一种选择。

Answer 1

现代浏览器会自动下载任何资产。最好的解决方案是使用JS从DOM中删除对象。

// check if mobile element then:
$( "#pdf_element" ).remove();

Answer 2

解决问题：

if (!("application/pdf" in navigator.mimeTypes) && $("#pdf_element").length > 0) {
    $("#pdf_element").remove();
}