javascript - iPad 在 chrome 中打印整个页面而不是目标 div

Question

目标是只有带有 id="yourdiv" 的 div 而不是整个页面。它适用于带有 Chrome 的 Windows 操作系统，但不适用于带有 Chrome 的 iPad，这是我的最终目标。

脚本

function printContent(el){
var restorepage = $('body').html();
var printcontent = $('#' + el).clone();
$('body').empty().html(printcontent);
window.print();
$('body').html(restorepage);

一些基本页面示例 html 之后的按钮

<div>
<p>whatever don't print this</p>
</div>
<div id="yourdiv">
<p>print this only</p>
</div>
<button id="print" onclick="printContent('yourdiv');" >Print</button>

Answer 1

在另一篇文章中找到了解决方案，该文章适用于 iPad 和 Chrome 浏览器。

Print <div id="printarea"></div> only?

Hardik Thaker 的解决方案适用于此。不过，如果您不知道，则必须查找如何添加 css 以使其拉取页面样式。