Recherche d'une page HTML visuelle "Test d'acide"

Question

Je recherche une page HTML qui contient une occurrence de tous les éléments visuels possibles: li avec chaque type de puce, chaque option de formatage du texte, les images d'arrière-plan avec alignements différents, des ombres d'abandon, les gradients de css css, etc, etc ...

Quelqu'un sait d'un?

(puisque quelqu'un me le demandera) La raison pour laquelle j'en ai besoin est que j'écris une application de capture d'écran qui tente de cloner la page en cours dans une toile afin que je puisse l'enregistrer comme png.

Answer 1

Puisque personne ne répond, je suis en train de créer ma propre:

http://html2canvas.clientsite.me/tests/kitchen_sink.html

---

A propos de la page: Si vous cliquez ne importe où sur la page, il va tout réengendrer en élément de toile, de sorte que je peux l'enregistrer en tant que hors .png

Pour les personnes intéressées:

• autres tests: http://canvasrenderer.clientsite.me/
• github: https://github.com/cwolves/CanvasRenderer

Answer 2

Je vous suggère plutôt de se concentrer non pas sur les éléments HTML, mais les différents/types/d'éléments et la confiance que la « page en cours » toile que vous exportez l'image est en mesure de le rendre.

Vous voulez tester la place des choses comme:

1. éléments HTML typiques - <h1>, <p>, <b>, et le travail comme.
2. pages typiques qui sont modifiés à l'aide javascript.
3. Pages qui utilisent le flash sous une forme quelconque.
4. pages qui utilisent ce qu'on appelle des éléments HTML5 « », telles que la vidéo.
5. Autres composants non typiques, tels que SVG, IFrames, annonces.
6. Les éléments qui ne doivent pas être copiés, tels que les champs de mot de passe.

De même, vous voudrez vous assurer que la capture d'écran ne recharge pas la page, ce qui pourrait être fatal.