前端页面截图功能

原生方法

navigator.mediaDevices.getDisplayMedia()，chrome版本要求高，刚出一个月左右，大概72版本才可用。

缺点：截图的时候会一定会出提示，选择需要截图的屏幕、应用、或chrome的tab。用户体验不太好。

chrome extension，方法

需要开发一个额外的扩展，截图api调用chrome.tabs.captureVisibleTab，

缺点：只能截图当前页面的可见部分。额外安装扩展。

html2canvas第三方库

调研了一下该库的基础截图原理，希望找到可用的底层api，但发现该库用的是最艰难的方法，将dom在绘制时获取computed style一层层绘制。

缺点：会出现截图和实际页面不太一致的情况。

优点：兼容性好，不需要客户额外安装。