This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

save HTML only looses changes

  • 2 antwoorde
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur cor-el

Frogjon
Frogjon
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.

Gekose oplossing

^: 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.

Lees dié antwoord in konteks 👍 1

All Replies (2)

the-edmeister
the-edmeister
  • Moderator
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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekose oplossing

^: 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.