Responsive mode - RGB screenshot in 9999 x 9999 resolution - only possible in 9999 x 3445 resolution.
Categories
(DevTools :: Shared Components, defect)
Tracking
(Not tracked)
People
(Reporter: marok33, Unassigned)
Details
Attachments
(9 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.87 Safari/537.36
Steps to reproduce:
URL: https://bakar.atlas14.com/
Firefox 70.0.1 64bit
Windows 10
Translated by Google Translator
I am not a programmer. I posted this problem here because it is a forum where I found the most professional issues related to mozilla firefox. This post was originally posted on the forum: https://discourse.mozilla.org/c/devtools
I pasted here an original, short discussion:
m33
I use responsive mode to take screenshots of the entire site at the highest possible resolution of 9999 x 9999. I work with maps in very high resolutions.
Problem: if the map is in grayscale I can take a screenshot of the page in the highest resolution without any problem but if I switch the same map to the normal RGB mode I can only use the resolution 9999 x 3358 - about 1/3 of the maximum resolution, if I increase this resolution, mozilla stops responding but there is no error information.
Equipment: 20Gb ram, Nvidia Geforce GT635M - 1Gb ram, Intel Core I7 3610QM
Are there any settings in about:config that can be changed to solve this problem or some other solution?
pbro
Patrick Brosset(he/him) DevTools Senior Engineering Manager
I think you are hitting the maximum memory allocation for elements (the screenshot functionality in DevTools relies on a hidden to draw elements from a page).
Based on this part of the codebase , the pref gfx.max-alloc-size might let you take bigger screenshots. But I’m honestly just speculating here, use at your own risks!
m33
Hello Patrick.
Unfortunately, increasing the value you proposed - I increased it 3 times - I’m not a programmer so I don’t know exactly how much I should increase - but even increasing it 3 times did not solve the problem. If you would like to take a closer look at the map I am experimenting with, this is the address:
The map consists of 256 x 256 px tiles - I enlarge it with the mouse wheel to get the best quality image. I use the Adblock Plus to block the display .png and .gif so as to obtain original aerial photographs without, for example, additional address data in the form of files .png , as well as the Ublock Origin add-on to block the display of tiles that I already have in the form of a screenshot. I also use the Dark Reader add-on, thanks to which areas of the map that do not have no data is darker - thanks to this I can clearly see the map borders.
As I wrote at the beginning - I am not a programmer - so if someone could check the link to the map on their computer and if they could suggest a solution, please use a language understood by the average Firefox user. However, if this is not the right forum to post this problem, please let me know the correct source.
Greetings.
Expected results:
In my opinion the problem is not the resolution because as I wrote at the beginning if the image is in grayscale - they weigh less because it is not colored - I can easily take a 9999 x 9999 screenshot. My graphics card has 1 Gb of RAM and works very intensively but it doesn't seem to be a problem, because when the image is fully loaded in responsive mode, I can move it smoothly, etc. etc. So in my opinion the problem lies in some setting in about:config that limits amount of data.
Comment 2•4 years ago
|
||
I am having trouble making the whole process. I would like to ask you to retest the issue and measure the memory used.
Steps:
- Reproduce the issue you described (where the browser would get stuck).
- Open the "about:memory" page.
- Click the "Measure and Save..." button.
- Select a location and file name of the memory report file.
- Attach the memory report file to this bug.
Thank you for your contribution!
Reporter | ||
Comment 10•4 years ago
|
||
Reporter | ||
Comment 11•4 years ago
|
||
Reporter | ||
Comment 12•4 years ago
|
||
Hello Bodea Daniel.
This is my whole procedure.
- Install Adblock Plus - extension (if you don't have one)
- Create 2 filters in Adblock Plus:
picture 1 - the orange arrow shows the settings icon.
picture 2 - select advanced - arrow above
then as indicated in the picture - Install ublock Origin - extension (if you don't have one)
image 3 - import and attach file: ublock filters - Bakar map.txt - picture "first step"
apply changes - picture "second step"
When both extensions are configured - disable ublock origin in: Mozilla open menu - extensions
4.Click: https://bakar.atlas14.com/
5. Choose options from picture 4
6. enable ublock origin in: Mozilla open menu - extensions
7. Zoom in with the mouse wheel to zoom in the map as much as possible
8. enable: for website developers, responsive mode
9. edit the list - on the left of the windows with resolution - add another device - options as in the picture 5
10.click - screenshot of the entire page
I added all necessary files as attachments.
I added 3 files - memory report file
file 1 - original unchanged name - is the file made directly after clicking the option - screenshot of the entire page
file 2 - file made 2 minutes later - in the name 14h 52m
file 3 - file made immediately after starting the browser (it may be useful for something) - in the name Mozilla open blank page
Greetings.
Reporter | ||
Comment 14•4 years ago
|
||
Bodea Daniel.
In the comment under my first main post I wrote that the same problem occurs even if I do not use the Adblock Plus and ublock Origin add-on, so for simplicity you can even skip points 1, 2, 3, 5, 6 completely. I gave the exact procedure to give you as much information as possible but really even when I open the map directly without any additional steps, the problem is exactly the same.
Important information:
I noticed that google chrome, in developers mode can easily take a screenshot at a maximum resolution of 9999 x 9999 but unfortunately in google chrome there is some problem with the extension ublock origin which if it is enabled slows down very much and that's why I prefer to use the Mozilla browser, which gives a very useful the ability to enable cache in the ram memory and thanks to this, even when I make screenshots with lower resolution, compared to the google chrome browser - mozilla is much more efficient.
I will add that in the meantime I have increased the amount of RAM from 20Gb to 24Gb but unfortunately this did not solve my problem.
Greetings.
Description
•