Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

save HTML only looses changes

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

I create HTML files containing many photos each. Then in Firefox I Select/change div class of certain photos with

<script> function classToggle(el) { el.classList.toggle("keep"); } </script>

The intention then is to save and parse the edited HTML to identify the 'keep" photos.

If I Save File As 'HTML complete' then file is saved WITH the class changes made by <script> and the photos are copied to sub folder. The img src is changed accordingly. This is what one would expect and hope for, but not what I am aiming for.

I want to preserve the HTML changes made by <script> and leave everything else untouched. ie, don't muck with the photos. So I Save File As 'HTML only'. But the file that I get back seems to be original with the original HTML (even if I change the file name), class settings and all, not the edited version.

Google Chrome seems to do the same thing.

As a work around I could create the source HTML with comments of photo path/names then 'Save HTML complete', But the photos would still get copied to a sub folder which is a waste of time and possibly stessing my SSD.

Not too complex solutions would be appreciated - I am not an expert.

Thanks in advance.

I create HTML files containing many photos each. Then in Firefox I Select/change div class of certain photos with <script> function classToggle(el) { el.classList.toggle("keep"); } </script> The intention then is to save and parse the edited HTML to identify the 'keep" photos. If I Save File As 'HTML complete' then file is saved WITH the class changes made by <script> and the photos are copied to sub folder. The img src is changed accordingly. This is what one would expect and hope for, but not what I am aiming for. I want to preserve the HTML changes made by <script> and leave everything else untouched. ie, don't muck with the photos. So I Save File As 'HTML only'. But the file that I get back seems to be original with the original HTML (even if I change the file name), class settings and all, not the edited version. Google Chrome seems to do the same thing. As a work around I could create the source HTML with comments of photo path/names then 'Save HTML complete', But the photos would still get copied to a sub folder which is a waste of time and possibly stessing my SSD. Not too complex solutions would be appreciated - I am not an expert. Thanks in advance.

Chosen solution

^: Note that the intention is not saving the full page (HTML and other content) in one file, but is to save only the modified HTML code to save space.

You can possibly only save the HTML code of the BODY tag in the left panel in the Inspector (Copy -> Copy Outer HTML) and if necessary also do this for the HEAD tag. An alternative could be saving the generated DOM source (Select All and View Selection Source). Note that you can only save inline CSS style rules this way and not modified CSS files.

Read this answer in context 👍 1

All Replies (2)

more options

To save "HTML complete" in one file, try using one of these Add-ons: https://addons.mozilla.org/en-US/firefox/addon/save-page-we/ OR https://addons.mozilla.org/en-US/firefox/addon/single-file/

I use the first one.

more options

Chosen Solution

^: Note that the intention is not saving the full page (HTML and other content) in one file, but is to save only the modified HTML code to save space.

You can possibly only save the HTML code of the BODY tag in the left panel in the Inspector (Copy -> Copy Outer HTML) and if necessary also do this for the HEAD tag. An alternative could be saving the generated DOM source (Select All and View Selection Source). Note that you can only save inline CSS style rules this way and not modified CSS files.