'How to show completed html source on chrome?

I'm trying to take the full html source of the tab in this page

I want to take the source of this tab

But unfortunately, the html I'm getting is not completed. I registered a gif to explain it better

That select list is showing just when I inspect the element, while If I just insect the element with the list closed, it doesn't return any list html.. is it created dinamically when the user click on it? I've tried to expand all the codes, but unfortunately it seems the html of every list is not appearing.. It might be created just when I open the list? Is there a way to get the lists html? Hope I've been clear.



Solution 1:[1]

Not sure what you want to save, but by inspecting it sources, it seems that the website use the way of removing and appending the html source which means only you pressed the expanded button, Javascript will append it (different options) to the body, otherwise it will not shown in the element tab.

I don't think you could get all html tags in just 1 try because the website use Javascript to append the html and you can't see it in the element section in console when the element is being removed.

Example:

enter image description here

Solution 2:[2]

You can save the page if you want. Just save it with Ctrl+S and you will find the basic source in there along with the stylesheet and other scripts.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 James
Solution 2 Sohan Arafat