How to automatically take screenshots of local files loaded in Chrome browser? - google-chrome

I have a bunch of tabs opened with index.html files in my Chrome Browser.
I want to be able to take screenshots of all these opened pages automatically.
The Chrome Browser built-in screenshot functionality doesn't work with local files.
What's the best way to bulk take screenshots? (It needs to be in Chrome Browser)
And I need screenshots of just the visible part (above the fold), not the whole page.

Related

Google Chrome is not opening local HTML files when I double click to open them

I must have done something to Google Chrome on my Windows.
Local HTML files, even though they are associated with Chrome, do not actually open in Chrome anymore when I double click them. For example, double clicking an HTML file on my desktop will launch Chrome, but the browser window will not display the content of the HTML file.
If I change the program my computer will use to display HTML files to Safari or Firefox, they open as I expect them to, rendering the HTML properly in a browser window.
If, I have a Chrome window open and drag the HTML file into the browser window, it will render the HTML content properly, but the double clicking is the behavior I'm hoping to get back.
Does anyone know why this might have caused this change in Chrome behavior? And best of all, how to fix it?

Embedded PDF Issue in Edge Browser

When using the Microsoft Edge browser, by default when you open a PDF it will open the PDF in a new tab using the built-in PDF viewer. To avoid this, you can adjust the browser's settings: Toggle on the "Always open PDF files externally" option. This works great. However, it presents a separate issue. Our internal applications use embedded PDFs in iframes. When the external toggle is set to on, these PDFs will not show in the iframes. This doesn't happen in Chrome. Has anyone else experienced this and know a work around?
I've tried removing the type="application/pdf" from the iframe tag to no avail. I can't find anything else online.
It looks like an expected result because you have enabled the option Always open PDF files externally.
So MS Edge browser is giving you an option to download the PDF file and open it using the desired app.
You said this doesn't happen in Chrome browser.
If you enabled the Download PDF files instead of automatically opening them in Chrome option then you will notice the same result in the Chrome browser.
Output in the Chrome browser:
If you click on the Open button then it will download the PDF file.
I did not get any solution or a workaround for this issue.
If you think that there should be an option to load the file in an iframe if Always open PDF files externally option is enabled then I suggest you click on the Send Feedback button in the MS Edge browser and try to provide your feedback about it to the Microsoft.
I posted feedback suggesting that an exclusion/inclusion list be in included but the simplest way would be to treat the frame as part of the session. But this is not Microsoft it is the Chrome projects issue.

Auto-open HTML file from Chrome to another browser

On downloading a file in Chrome, there does not seem to be a way to auto-open HTML files to a browser other than Chrome.
Opening the HTML file from the Downloads folder opens the file in the default browser, as intended. However, when Chrome auto-opens the downloaded file, it just opens in Chrome.
Why I'm asking: I built a Chrome extension that generates an HTML file based on user-selected text in a given webpage. The resulting HTML file, when opened, redirects to another website, to a page that is based on the user's selection. That page does not work properly in Chrome, and it won't for the next 6 months. In the meantime, I learned to program a Chrome extension and I have been blocked on this auto-open problem for 2 weeks.
On Windows 7 without admin privileges.

Something is wrong in this video about Responsive Design

So I was watching this video about responsive design and something in that video is bothering me. At 2:59 he risizes the window to the large screen and then refreshes and then Safari downloads the banner_large.jpg and when he does the same thing with the medium and small screen sizes, then Safari downloads the banner_medium.jpg and banner_small.jpg respectively. But then one can see that he is able to resize the browser and the banners change accordingly (notice the 'jumps' of the image when the threshold reaches). So the question is that if Safari doesn't download the other two images then how is it able to display them? Am I missing something here?
He has the Network Requests section selected in the Web Inspector. This would only show you when the page sends a request to the server to get a file. He had already resized the page at the beginning of the video, which would have requested the files at that time (assuming they weren't cached from a previous time). So, assuming that caching is turned on, when he resizes the page with the inspector open, it won't request the files again.
In order to show the file sizes, he refreshes the page, which forces the browser to re-download all of the files and show them in the Web Inspector. You can tell he's doing this because when he first opens the Network Requests section, it's empty (because nothing is being requested). Following this, he says, "And then hit reload" and he reloads the page which shows all of the files on the page being downloaded. You can tell that they're all being re-downloaded because in the Cached column, it says No for all files and it's displaying the contents for index.html and other files that would have been cached, such as css files and the background gradient.

Google Chrome source code reloading

How do I reload a page in Google Chrome, so the source code will not change?
In other words, if I change some text on the page with developer tools, and reload the page it loads the source code from the server. How can I reload the page so it will keep my previous changes I made?
To be more specific:
I enter a page
I edit content with Developer Tools
I press reload
I get the original version
As far as I know I must forbid Google Chrome to download source code from server or load a cached version, but how I to do that?
As far as i know isnt this possible, because when you press reload, Chrome automatically "deletes" your webpage that is shown at the moment and gets the source from the server again. You could try to save your changed webpage in the cache of a proxy server and then get it from there.