Brave 或 Chrome 中的“捕获全尺寸屏幕截图”在某些页面（例如 Airtable）上不起作用

Question

我喜欢Chrome 和 Brave 内置的“捕获全尺寸屏幕截图”功能，并且经常使用它。

然而，似乎某些网站的编码方式“捕获全尺寸屏幕截图”功能不知道如何处理。因此，生成的屏幕截图不包含页面的完整滚动长度。

我多次遇到的一个例子是https://airtable.com上的长表单。

我想知道是否有一些解决方法；也许我可以打开 DevTools 面板并调整某个元素的 HTML 或 CSS，然后再按“捕获全尺寸屏幕截图”。虽然需要这样做会很烦人，但我真的不想安装扩展。

Answer 1

我在这里找到了一个非常有用的答案*，它有效！

我打开 DevTools 并在运行“捕获全尺寸屏幕截图”之前添加了此 CSS 规则：

html, body, div, section {
  overflow: visible !important;
}

该页面上的另一个人也提到：

请注意，您还可以使用 JavaScript 书签来切换此样式规则。

javascript:/*style::toggle*/(function(){var L='s-overflow',S='html,body,div,section{overflow:visible!important;}',SS,E=document.querySelector('style[id="'+L+'"]');if(E){E.parentNode.removeChild(E)}else{SS=document.createElement('style');SS.setAttribute('type','text/css');SS.id=L;SS.textContent=S;document.querySelector('head').appendChild(SS)}})()

2021 年 9 月 15 日更新：当 notion.site 上的页面给我带来麻烦时，我刚刚尝试了 JavaScript 书签，该书签解决了问题（并且“捕获全尺寸屏幕截图”随后正常工作）。

*2021-10-09 更新：实际上，我也决定添加，, section因为像 LinkedIn 这样的网站使用该标签。