【经验分享】如何滚动截屏、截长图？——by.北方区平平无奇组织

场景需求：

京东m端和PC端的内容并不一样， m端更接近手机APP的呈现内容 ， 所以我们竞品监控的时候是看手机端的精选首页，做监控。

界面如下：

F12进入调试者模式然后点击"手机平板"形状的图标，刷新一下网页，就显示出了类似于手机呈现的界面效果。现在想要截取看到的整个网页。网址链接：https://shop.m.jd.com/shop/home?shopId=1000009821或者：https://shop.m.jd.com/shop/home?shopId=1000306683

尝试：

用网页截图指令截取整个网页，结果只截取到了当前的网页，而同样的方法在淘宝上就可以得到完整的截图。

解法方案：

仔细观察之后发现，淘宝的商铺界面有滚动条，而京东没有。这可能是导致网页截图指令不适用的原因。现在只能是将鼠标放在店铺界面上，逐个往下滚动来截全图。那有没有滚动截图的软件呢？经多方查找，现找到一个合适的软件FastStoneCapture。

64位下载链接：

链接：https://pan.baidu.com/s/1VdkTIWtvDtVGNcPOksqyaA?pwd=hstb

提取码：hstb

使用方法：

圈住的就是滚动截图按钮，具体用法详见链接：https://jingyan.baidu.com/article/22a299b50163e9df19376a8f.html

效果请看视频，它会自动滚动到底部，完成后自动弹窗编辑界面，保存就可以了。

其他问题：

但是问题又来了，网页过长，直接这样截屏会导致有些元素没有加载完就直接截了，会出现部分空白。

针对这样的情况，先快速地上到下滚动到底部之后，再从上到下进行滚动截图。

该软件的其他功能：

1、屏幕聚焦

2、屏幕十字架