1.0.0-beta.9 • Published 11 months ago

@aleen42/dom-mirror v1.0.0-beta.9

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

DOM-mirror

chrome extensions javascript

A Chrome plugin trying to mirror the whole rendered DOM into single static HTML files without any other stylesheet assets.

Usages

  1. Clone the project:
    git clone https://github.com/aleen42/DOM-mirror.git
  2. Install dependencies:
    cd DOM-mirror && npm i && npm run prepublishOnly
  3. 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