我使用html2canvas将网页保存为图像，并希望在移动和PC上获得相同的结果。我的网页有一个表格，在较小的屏幕上呈现不同(通过CSS)。我希望html2canvas保存画布，就像网页总是在电脑屏幕上一样。这样，网页上的表格看起来总是一样的。

我现在有一个解决办法，在html2canvas运行之前，暂时将身体宽度和视口初始比例尺设置为更大的值，保存网页，然后返回到以前的身体宽度和视图范围。我使用的代码位于这篇文章的底部。

它主要工作，但有一个糟糕的用户体验，因为在html2canvas操作期间，网页将变得更大，暂停一点(在保存期间)，然后恢复。从用户的角度来看，这并不是很好。而且，这并不总是适用于每一个移动设备。

有更好的方法吗？我可以有一些屏幕外的html，它反映了我的屏幕上html，但总是呈现好像它在一台电脑上？

// adjust screen and viewport to allow all table elements to fit on the screen correctly
document.body.style.width = '1024px';
let viewport = document.querySelector("meta[name=viewport]");
let remembered_viewport = JSON.stringify(viewport.outerHTML)
viewport.setAttribute('content', 'width=device-width, initial-scale=2');
// use html2canvas to save the webpage
let tag = document.getElementById("all");
html2canvas(tag).then(function(canvas) {
    let link = document.createElement("a");
    link.download = filename.toLowerCase();
    canvas.toBlob( function(blob) {
            link.href = URL.createObjectURL(blob);
            link.click();
        }, 'image/jpg');
// reset screen and viewport
document.body.style.width = "auto";
if (remembered_viewport.includes("initial-scale=0.5")) viewport.setAttribute('content', 'width=device-width, initial-scale=0.5');
if (remembered_viewport.includes("initial-scale=2")) viewport.setAttribute('content', 'width=device-width, initial-scale=2');
else viewport.setAttribute('content', 'width=device-width, initial-scale=1');

谢谢你，杰森。