Embedding all the external resources of an HTML page into a single file using javascript in the browser -

As you all know, external images, like images, embedded in an HTML file using Base 64 encoding Can be:

  & lt; Img src = "data: image / png; base64, iVBORw0KGgoAAAANS ..." />  

I'm looking for a a pure browser-based JavaScript path to cross an HTML page and embed all external resources in the file so that when I say $ ("Html"). Html () , it gives content of all pages even with its external resources.

That's all I understand, I'm trying to download the web server to a single file without using a headless browser on my server.

The tool exists to do this. Example:

If you have the advantage of this approach, remember that the site client with multiple pages visited more than once, or with the same JS / CSS files ( Browser) will enjoy caching.