1.0.0-beta.9 • Published 11 months ago
@aleen42/dom-mirror v1.0.0-beta.9
DOM-mirror
A Chrome plugin trying to mirror the whole rendered DOM into single static HTML files without any other stylesheet assets.
Usages
- Clone the project:
git clone https://github.com/aleen42/DOM-mirror.git
- Install dependencies:
cd DOM-mirror && npm i && npm run prepublishOnly
- Load unpacked extensions in Chrome and select the cloned folder
DOM-mirror
.
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?
1.0.0-beta.9
11 months ago
1.0.0-beta.8
11 months ago
1.0.0-beta.7
11 months ago
1.0.0-beta.6
11 months ago
1.0.0-beta.5
11 months ago
1.0.0-beta.4
11 months ago
1.0.0-beta.3
11 months ago
1.0.0-beta.2
11 months ago
1.0.0-beta.1
11 months ago
1.0.0-beta.0
11 months ago