How to print a web page without breaking the table content in JavaScript All In One
使用 JavaScript 如何在不破坏表格内容的情况下打印一个网页
error
the table content is divided into two parts ❌
原理分析
- 导出全屏截图
- 把截图转换成 PDF 文件
solutions
html2canvas
puppeteer
print.css
Chrome API
Screen Capture API
async function startCapture(displayMediaOptions) {
let captureStream = null;
try {
captureStream =
await navigator.mediaDevices.getDisplayMedia(displayMediaOptions);
} catch (err) {
console.error(`Error: ${err}`);
}
return captureStream;
}
function startCapture(displayMediaOptions) {
return navigator.mediaDevices
.getDisplayMedia(displayMediaOptions)
.catch((err) => {
console.error(err);
return null;
});
}
https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture
getDisplayMedia
getDisplayMedia()
getDisplayMedia(options)
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia
https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
demos
(? 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章!
refs
https://stackoverflow.com/questions/77071886/how-to-remove-table-breaking-from-puppeteer-pdf
©xgqfrms 2012-2021
www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 ?️,侵权必究⚠️!
- JavaScript breaking content without printjavascript breaking content without javascript document content inside without websecurityconfigureradapter security without raspberry the address without password openssh windows without abort_on_error asan_options options without oracle datafiles minimum without codeforces directed without round updating without server quit