DOM-mirror
A Chrome plugin trying to mirror the whole rendered DOM into single static HTML files without any other stylesheet assets.
Motivations
- To generate UI/UX diagrams of existed products.
- To create some demo pages with existed products.
- ...
Features
- Support for mirroring iFrames.
- Support for mirroring contents defined with
:before
,:after
and:disabled
. - Support for mirroring scrollbars defined with
::-webkit-scrollbar
,::-webkit-scrollbar-thumb
,::-webkit-scrollbar-thumb:hover
,::-webkit-scrollbar-track
,::-webkit-scrollbar-button
. - Support for mirroring custom fonts defined with
@font-face
. - Keep text from input elements.
- Keep images by converting with base64 data urls.
TODO
- How to calculate percentage value without manipulating the DOM?
- How to calculate
::-webkit-scrollbar-thumb:hover
style content? - How to minimize the default stylesheets?
- How to keep media?