MoreBeerMorePower

Power Platform中心だけど、ノーコード/ローコード系を書いてます。

Taking whole (long) flow screenshot without extension

(今回は英語です)

When taking screenshots of the entire Power Automate flow, I used to take screenshots of a portion of the flow and then use the paint app to stitch them together.

This is very cumbersome and requires a lot of tweaking and tweaking, which can be quite difficult when the flow is long.

But there is no need for such effort anymore, by using Google Chrome's Developer tool, you can get a detailed screenshot of the entire flow very easily :)

f:id:mofumofu_dance:20200927231139p:plain
Taking screenshot is time-consuming task...

1. Launch developer tool and emulate device

Taking entire image of flow screen can be achieved only using Google Chrome Developer tools.

First, launch Developer tools and click device icon on the tool screen, which enables device emulation on chrome.

Then set device type as "Responsive" and make device width/height as large as it includes entire flow image.

f:id:mofumofu_dance:20200927232310p:plain
Emulate large screen size

2. Take full size screenshot

To take screenshot of the emulated screen, no need to use Print Screen or built-in screen capture on OS, which will lost resolution of image, but Dev tools has "More option" icon and it shows the feature that we need "Capture full size screenshot" .

f:id:mofumofu_dance:20200927233016p:plain
Capture image of entire screen

Finally, the screenshot (png file) will be downloaded to local folder :)

f:id:mofumofu_dance:20200927233816p:plain
Save screenshot to local folder