隐藏网页滚动条的书签

Question

我想截取网页的全屏屏幕截图。我希望它只包含相关信息。我设置缩放级别并将相关部分滚动到视图中。从现在开始，我想隐藏不必要的滚动条，将它们从屏幕截图中排除，并最大化相关内容的空间。

屏幕截图示例：

我正在考虑在 DevTools 中运行一个书签或 JavaScript 片段。对于隐藏本身，我当然可以使用 隐藏滚动条，同时仍然能够滚动或隐藏 HTML 页面上的滚动条和相关帖子的解决方案。

但是我不知道哪个元素有滚动条，而且可能不止一个。如何找到带有滚动条的 DOM 元素并隐藏它们？

Answer 1

试试这个

<a href="javascript:(() => { const style = document.createElement('style');
style.textContent = `html { scrollbar-width: none; }
 ::-webkit-scrollbar { width: 0px; }`;
document.head.appendChild(style);})()`">Right-click and save as a URL in a bookmark</a>