Unable to take screenshot of scrolling web page by running code in browser console

Question

Hi,

We were able to capture the page by running a code snippet on console for the first couple of times. Strangely, after some time, an error was thrown and couldn't capture the page on doing the same again.
Below is the code we ran on console.

Code:

FireShotAPI.base64EncodePage(true, undefined, function (imgData) {
let image = new Image();
image.src = imgData;
let w = window.open("");
w.document.write(image.outerHTML);
});

It didn't capture the page but threw the below error on console.

Unchecked runtime.lastError: The message port closed before a response was received.

But, when we run the same code through a button click event (clicking the button physically with the mouse), it is working fine with no errors observed and the page is captured. And, not in case we click the button programmatically using

Code:

$("#buttonID").click();

Below are the details:

Plugin version: FireShot Pro for Chrome v.0.99.15
OS type and version: Windows 10 Business
Version of browser: Google Chrome (Version 97.0.4692.99 (Official Build) (64-bit))
Steps to reproduce the bug: Place the above code in a button click event and try to click the button manually and programmatically as mentioned above.
Webpage URL causing this problem: Working on a local (HTML/JS) file

Accepted Answer

Thank you for your question. The problem may be caused by different JS contexts being used through the console and the <script> tag. It's better to avoid calling the extension's methods via the JS console.

Posted: 09 Feb 2022 14:25
	Registered User Currently Offline	Posts: 2 Join Date: Feb 2022
Hi, We were able to capture the page by running a code snippet on console for the first couple of times. Strangely, after some time, an error was thrown and couldn't capture the page on doing the same again. Below is the code we ran on console. Code: FireShotAPI.base64EncodePage(true, undefined, function (imgData) { let image = new Image(); image.src = imgData; let w = window.open(""); w.document.write(image.outerHTML); }); It didn't capture the page but threw the below error on console. *Unchecked runtime.lastError: The message port closed before a response was received.* But, when we run the same code through a button click event (clicking the button physically with the mouse), it is working fine with no errors observed and the page is captured. And, not in case we click the button programmatically using Code: $("#buttonID").click(); Below are the details: Plugin version: FireShot Pro for Chrome v.0.99.15 OS type and version: Windows 10 Business Version of browser: Google Chrome (Version 97.0.4692.99 (Official Build) (64-bit)) Steps to reproduce the bug: Place the above code in a button click event and try to click the button manually and programmatically as mentioned above. Webpage URL causing this problem: Working on a local (HTML/JS) file

Recent topics	Replies	Views	Last Poster
Popup selection only captures background	3	970
Capturing Selection and Duplicating it	1	888
Not Capturing Scrolling Screenshot (Chrome)	4	1178
How to update ?	1	1195
How i can remove the "hold ctrl key down to capture....View Demo/Close" Hint?	1	1019
How to stop capturing entire web page after desired section has been captured ?	5	1022
License key not delivered to me	2	1011
When available for Mac?	0	1425
Activate Pro version	1	1233
PRO DOWNLOAD	1	1693