Ищите визуальную HTML-страницу "Тест на кислотность"

Question

Я ищу страницу HTML, на которой есть экземпляр каждого возможного визуального элемента: liС каждым типом маркера, каждым параметром форматирования текста, фоновыми изображениями с различными выравниваниями, css-тенями, css-градиентами и т. д., и т. д...

Кто-нибудь знает об этом?

(так как кто-то спросит) Причина, по которой мне это нужно, в том, что я пишу приложение со скриншотами, которое пытается клонировать текущую страницу в холст, чтобы я мог сохранить ее как png.

Answer 1

Поскольку никто не отвечает на это, я работаю над созданием своего собственного:

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

---

О странице: Если вы щелкнете где-нибудь на странице, она будет перерисовывать все в элемент canvas, чтобы я мог сохранить его как.png

Для всех, кто заинтересован:

• другие тесты: http://canvasrenderer.clientsite.me/
• github: https://github.com/cwolves/CanvasRenderer

Answer 2

Вместо этого я предлагаю вам сосредоточиться не на элементах HTML, а на различных элементах /type/ и полагать, что холст "текущей страницы", из которого вы экспортируете изображение, может его отобразить.

Вы хотите вместо этого проверить такие вещи, как:

1. Типичные элементы HTML - <h1>, <p>, <b>и тому подобное работа.
2. Типичные страницы, которые модифицируются с помощью JavaScript.
3. Страницы, которые используют вспышку в той или иной форме.
4. Страницы, которые используют так называемые элементы HTML5, такие как видео.
5. Другие нетипичные компоненты, такие как SVG, встроенные кадры, рекламные объявления.
6. Элементы, которые не следует копировать, такие как поля пароля.

Кроме того, вы должны убедиться, что создание снимка экрана не перезагружает страницу, что может быть фатальным.