Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

export the DOM tree into html file

Featured Replies

Hi,

 

I'd like to convert the DOM tree that consist the web-pages that I have got into HTML file.

If I am trying to perform in IE6/7: view-->source I get the html that page was started with. But since I have done some

DOM manipulation in javascript it doesn't reflect the updated DOM that is rendered by the browser.

 

IE dev tool bar show me live the state of the DOM but I'd like to export it and save it into a file so I could use it offline.

Does anyone knows how to do it and maybe to recommand on a tool that does it

 

Thanks

  • Author

Anyone has a good advise about it in this forum?

Firefox Web Developer's Toolbar.

 

Option is View Source > View Generated Source.

  • Author

OK, it could be an option but my web-site is not compatible for FireFox only for IE 6/7

BTW - part of the reason why I need this export is to be able to make the site generic for many browsers...

 

So, any other options?

develop it in firefox then sort the errors out in IE - IE has unique properties that are not universally supported - it's possibly a mistake to develop in IE first. In what way is your website incompatible with FF? Admittedly, they will represent the DOM differently.

  • Author

Sorry, that still doesn't help me to progress with my problem. Besides, IE is still the most common browser around the world.

Any other web-gurus?

the point he's making is that IE has mostly IE specific bugs, and there's alot of them.

 

It's easier to create a site in FF, then sort out a few glitches in IE. Even better though, design for chrome, then FF, then IE :)

 

If you've got IE developer toolbar, try looking for a tool similar to said below on the WDT, but i don't recall ever seeing one.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.