2011-07-17 13 views
7

Szukam strony HTML, która zawiera instancję każdego możliwego elementu wizualnego: li z każdym typem punktora, każdą opcją formatowania tekstu, tło-obrazy z różne wyrównania, css drop-cienie, gradienty CSS, etc, etc ...Szukam strony wizualnej HTML z "testem kwasowym"

Ktoś wie jednego?

(ponieważ ktoś zapyta) Powodem, dla którego potrzebuję tego, jest to, że piszę aplikację do zrzutów ekranu, która próbuje sklonować bieżącą stronę do kanwy, więc mogę ją zapisać jako png.

+0

fajne pytanie koleś – Drew

Odpowiedz

1

Ponieważ nikt nie odpowiada na to, pracuję na tworzenie mój własny:

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


Informacje o stronie: Jeśli klikniesz w dowolnym miejscu na stronie będzie ponownie uczynić wszystko w Element płótno, tak, że mogę zapisać go jako .png

Dla wszystkich zainteresowanych:

+0

Część płótna nie jest w ogóle dokładna ... Nie chciałbym o tym pruć, ale próbujesz przetestować silniki renderujące i twój silnik testowy jest wadliwy. W przeglądarce Chrome 14 płótno jest zupełnie inne niż normalne renderowanie, nawet test z-ind górę do góry. - Chyba, że ​​twierdzisz, że silnik renderujący Chrome nie jest zgodny z normą, który, o ile to możliwe, przekazuje Acid3 ze 100%. – Blindy

+0

@Blindy - Zacząłem ten projekt 2 dni temu. Ponownie renderuję całą stronę, konwertując HTML bit po bicie na płótno. Celem tego testu jest znalezienie problemów z silnikiem, więc mogę je naprawić :) –

+0

Dobrze, tylko dając informację zwrotną :) – Blindy

0

Proponuję zamiast koncentrować się na nie elementów HTML, ale różne/typ/elementów i zaufać, że „aktualna strona” płótno że jesteś eksportowania obrazu z jest w stanie to uczynić.

Chcesz zamiast testować takie rzeczy jak:

  1. typowych elementów HTML - <h1>, <p>, <b> i podobne prace.
  2. Typowe strony, które są modyfikowane przy użyciu javascript.
  3. Strony korzystające z lampy błyskowej w jakiejś formie.
  4. Strony korzystające z tak zwanych elementów "HTML5", takich jak wideo.
  5. Inne nietypowe elementy, takie jak SVG, ramki wbudowane, reklamy.
  6. Elementy, które nie powinny być kopiowane, na przykład pola hasła.

Należy również upewnić się, że wykonanie zrzutu ekranu nie przeładuje strony, co może zakończyć się śmiercią.

+0

Używam świadczonych interpretację stronie, aby dać mi pozycjonowanie i takie rzeczy jak font-weight wszystko na stronie, więc mam już 90% + poprawnego renderowania strony. To, na czym polegam, to rzeczy, o których wspomniałem wraz z kilkoma błędami na tle pozycji i z-index. Ignoruje flash, ponieważ nie ma sposobu, aby zrobić zrzut ekranu po stronie klienta. –

+0

Strona klienta jest zwykle używana do używania lampy błyskowej. Jakiś szczególny powód, dla którego nie jesteś zadowolony z istniejących renderers? – Arafangion

+0

Celem tego jest umożliwienie mi zrobienia zrzutu ekranu z bieżącej strony, coś, co nie jest możliwe po stronie klienta bez wtyczki. Nie ma to nic wspólnego z tym, że nie jestem zadowolony z istniejących renderers, ma to związek z tym, że jest to jedyne możliwe rozwiązanie :) –