您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
基于SnapDOM插件实现的网页内容选取截图脚本
使用SnapDOM实现的网页DOM捕获截图脚本,仓库地址。
@zumer/snapdom: SnapDOM captures HTML elements to images with exceptional speed and accuracy, supporting pseudo-elements, shadow DOM, web fonts, and more.
本脚本功能只有一个,点击菜单/快捷键开启选择页面元素功能,再次点击即可将该元素内容下载为图片。
为了避免污染页面,本脚本不会在页面中插入任何元素。事件监听仅在开启时添加,完成/关闭后移除。
开启后可在网页上选择DOM元素,再次点击即可下载其内容
取消进行中的选取并关闭功能
不同于普通截图,@zumer/snapdom
需要解析网页上的DOM元素及样式,内容越复杂耗时越长。
默认背景色为白色(#fff
),当实际背景色源于目标元素的上级元素时,下载后背景色会缺失。
例如:网页body上设置了黑色背景色,选择段落元素下载后,发现背景色变成白色。
本脚本中补充了一个递归获取目标元素“实际”背景色的功能。
@zumer/snapdom
插件内部缓存了已捕获元素的样式。后续截取包含已缓存元素时,可能会导致样式不对(如:主题更换、明暗模式更换等原因导致的样式更新)。
直接选择图片时,可能会因跨域问题导致下载失败
本脚本的事件监听绑定在document.body
上,某些网页内容拦截了事件监听、阻止了事件冒泡,导致无法下载
亲测(v1.9.7
),偶尔会出现一直在解析或解析失败的情况,未提供中断解析的方法
欢迎反馈,或者提交PR。