Projekt: JakWyglada.pl
Od paru tygodni w wolnych chwilach klecę coś, czego mi, jako webdeveloperowi, zawsze brakowało. Czy często zdarza się wam dopytywać klienta o to, pod jaką przeglądarką i konfiguracją systemu strona źle się wyświetla? Ile razy dostaliście zrzut ekranu strony w 3 megowym pliku BMP? Ja za dużo ;-)
JakWyglada.pl to strona która w prosty sposób zbierze dla odwiedzającego informacje o jego przeglądarce, systemie operacyjnym, rozdzielczości czy obsłudze różnych technologii. Informacje te mogą następnie zostać przesłane na wskazany adres e-mail poprzez wypełnienie krótkiego formularza.
Dodatkową funkcjonalnością jest dołączenie do tych informacji zrzutu ekranu - można to oczywiście zrobić ręcznie - Prt Scr i dołączamy obrazek ze stroną i wszelkimi widocznymi informacjami do maila, ale można też wykorzystać opcje wbudowaną w aplikacje. Screenshot wykonywany jest przy użyciu appletu Java - niestety, z powodu ograniczeń bezpieczeństwa wymagane jest zaakceptowanie certyfikatu wystawionego imiennie przeze mnie. Gwarantuję, że applet nie robi nic innego niż zapisanie zrzutu ekran(ów*) jako plik %TEMP%\jakwyglada.jpg i wysłanie go do serwera strony wraz z danymi z formularza.
Oczywiście, jak to w Web 2.0 strona jest w wersji Beta - proszę o przesyłanie wszelkich uwag - zarówno co do wyglądu jak i funkcjonowania strony - czy to tu, czy też mailem na btm@anfo.pl.
* testowałem tylko w przypadku konfiguracji "monitor 1 po lewo, monitor 2 po prawo", jeżeli ktoś ma odwrotnie skonfigurowane monitory - o ile to nie duży problem, proszę o przetestowanie i podesłanie informacji, czy screenshot wykonany jest poprawnie. Wiem, że w przypadku takiej właśnie konfiguracji + MacOS "lewy" monitor ma ujemne współrzędne - jakie inne cyrki mogą wystąpić, nie wiem ;-)
Komentarze
Komentarz użytkownika Jurek
08 04 2010Wygląda fajnie i przejrzyście:) Przyda się:) Widzę, że jest nawet zabezpieczenie dla wyłączonego JavaScript:)
Btw. przy webmasterce zawsze można jeszcze też skorzystać ze stronki http://www.browsershots.org/ która robi screeny dla dowolnej właściwie konfiguracji, o ile jeszcze jej nie znasz;)
Komentarz użytkownika BTM
08 04 2010@Jurek: znam, ale często zdarza się, że klient ma nietypową konfigurację, albo po prostu ustawiony zoom w przeglądarce na coś innego niż domyślny, i dziwi się, że u niego strona się rozwala. Że nie wspomnę, że ostatnio nam się strona rozwalała na jednej specyficznej wersji IE8, która - jak się na szczęście okazało - była zainstalowana na jednym z kompów w firmie ;-)
Komentarz użytkownika Jurek
08 04 2010No masz rację;) różne dziwne rzeczy się dzieją.. szczególnie jeśli w grę wchodzi IE...
4
Komentarz użytkownika chester
08 04 2010Hmm, ciekawy pomysł... Jak dla mnie to warto by dodać opcję przesłania samego linka z konfiguracją, w sensie takim, że po wpisaniu adresu otrzymuję linka, pod którym będzie widoczna moja konfiguracja i który będę mogł wysłać np komunikatorem. Będzie to IMHO wygodniejsze niż wypełnianie wszystkich danych do wysyłki maila.
Komentarz użytkownika BTM
08 04 2010@Chester: dzięki za pomysł, całkiem słuszny, tylko chciałem uniknąć gromadzenia informacji o odwiedzających na serwerze. Ale masz racje, może być to dużo wygodniejsze niż wysłanie maila - szybko wchodzisz na stronę i wklejasz link osobie, której przed chwilą zgłosiłeś błąd.
6
Komentarz użytkownika chester
08 04 2010dodasz wygasanie po tygodniu lub po jakimś okresie nieoglądania linka i sprawa gromadzenia nadmiernych danych rozwiązana :)
Komentarz użytkownika BTM
08 04 2010Nadmierne dane to akurat nie problem - miejsce się zawsze znajdzie. Bardziej boli mnie prawo, jak się ktoś przyczepi że gromadzę dane to będę się musiał w jakieś GIODO bawić jeszcze. Ale pomysł i tak dobry, pewnie dodam - jak ktoś będzie chciał, to zostawi dane - jak nie, to niech wyśle mailem ;-)
8
Komentarz użytkownika chester
08 04 2010tylko w takim wypadku dane pozostawi od razu, nieważne czy chciał czy nie - link jest widoczny od razu bez pytania czy się zgadza.
Choć druga opcja też jest do wykonania - przycisk "daj permalinka" i dopiero potem lecą dane do bazy i wypluwany jest link dla usera.
Komentarz użytkownika BTM
08 04 2010Tak tak - taka wersja mi chodziła po głowie - w formularzy wysyłki (czy gdzieś obok, jak ktoś nie ma JS to mu się formularz nie pojawia) link "Utwórz permalink" który generował by link do strony.
Komentarz użytkownika Bigismall
08 04 2010Fajna sprawa, niemniej jednak rozpoznało mi 24 bitową głębie kolorów, mimo iż ustawioną mam 32 bitową.
Komentarz użytkownika BTM
08 04 2010A możesz podać jaki OS/Przeglądarka? Albo podesłać informacje na btm@anfo.pl ;-)
Komentarz użytkownika Marsjanin
08 04 2010@Bigismall,
http://en.wikipedia.org/wiki/Colordepth#32-bitcolor
Komentarz użytkownika pecet
08 04 2010Dobrze że mam Javę wylączoną, własnie przed takimi scam siteami jak ten. "Robi tylko screenshot" ta...
Komentarz użytkownika BTM
08 04 2010Pecet: możesz sobie obrać JAR i zdekompilować. Poza tym, sama włączona Java dużo nie da - dla udzielenia odpowiednich przywilejów musisz podjąć świadomą decyzję i potwierdzić uruchomienie appletu.
Komentarz użytkownika pecet
08 04 2010BTM -- ta tylko niedoświadczony użytkownik zawsze "z rozpędu" kliknie tak, fakt mnie nie nabrałeś, ale innych pewnie ci się uda, a ja jako uczynny obywatel po prostu nie mogę wspierać takich stron ;)
Komentarz użytkownika BTM
08 04 2010@pecet: boże, chociaż jeden komentarz byś poważny napisał no. Skoro nie chce Ci się / nie masz możliwości dekompilować, to musisz mi zaufać, kiedy ja, Bartosz Szczeciński, gwarantuje Ci swoim dobrym imieniem, że nie robi on nic innego niż w/w operacje :-)
Komentarz użytkownika NetBookBlog
08 04 2010Okno "Przekaż informacje" chowa się pod flashe. ;)
Komentarz użytkownika AvantaR
09 04 2010Pomysl super, wlasnie cos takiego mi sie przyda aktualnie ;)
Podpisuja sie pod prosba o mozliwosc 'podlinkowania' a nie wysylania danych mailem ;)
Komentarz użytkownika zdz
11 04 2010Rozpoznawanie przeglądarki do końca nie działa, moje Epiphany rozpoznało jako Safari an unknown version (dokładniej: Mozilla/5.0 (X11; U; Linux x86_64; pl-pl) AppleWebKit/531.2+ (KHTML, like Gecko) Safari/531.2+ Epiphany/2.29.92)
Komentarz użytkownika BTM
11 04 2010Dzięki za info, wykrywanie przy takiej ilości przeglądarek jaką dzisiaj mamy może nieco kuleć ;-) Właśnie po to wypluwam też całego User Agent-a.
Komentarz użytkownika BTM
13 04 2010@NetBookBlog: jesteś pewien, że pod flashe? Znaczy, flashe na stronie jakwyglada.pl, czy jakieś flashe osadzone na "podglądanej" stronie? Bo jeżeli to pierwsze - to dziwne, bo jest tylko jeden flash i ma left: -9999px, natomiast jeżeli to drugie - nic nie poradzę, osadzone flashe muszą mieć wmode na transparent osadzone.
Komentarz użytkownika mlynarczyk
18 05 2010A jak by pyknąć takie coś że można jeszcze silnik generujący wybrać? Tak że podaję adres, wybieram przeglądarkę w jakiej chcę obejrzeć, skrypt instaluje mi wybrany przeze mnie silnik i generuje taki obraz jaki bym otrzymał otwierając stronę w wybranej przeglądarce :) Jak Cię znam to pół godziny dumania i pięć minut klepania.
Fajna stronka, chyba że chce się sfotografować stronę która ma zabezpieczenia na otwieranie w ramce. Wirtualnej Polski nie mogłem sobie wysłać.
Komentarz użytkownika BTM
18 05 2010@mlynu: ale nie to jest celem strony - jeżeli chcesz zrobić sobie fotkę w innym silniku, to go sobie zainstaluj, otwórz stronę i kliknij - aplet musiał by zrobić to samo za Ciebie + chyba nie każdy chce żebym mu coś instalował na dysku (a już na pewno nie zrobiłbym tego cross-system :P)
Strona ma być rozwiązaniem dla ZU, który nie do końca jest w stanie pojąć zawiłe techniki robienia screenshotów w czymś innym niż BMP ;-)
