Witryna lub skryptozakładka, aby uzyskać zrzut ekranu strony internetowej [zamknięta]

17

Czy istnieje strona internetowa lub skryptozakładka, która podając adres URL wyświetli zrzut ekranu tej strony?

Idealnie powinny istnieć opcje zmiany rozmiaru wyjściowego obrazu.

webapp-rec bookmarklet screenshot Rozsądny
źródło
zrzut ekranu z tego, co widzisz w tej chwili (aktualny stan domu) lub tylko zrzut ekranu strony internetowej, którą mogą zobaczyć inni?
akira
Obie są dobrymi opcjami, ale to drugie jest tym, co bardziej mnie interesuje.
Rozsądny
blitapp.com jest przydatny, jeśli chcesz regularnie otrzymywać zrzuty ekranowe pocztą e-mail.
justspamjustin

Odpowiedzi:

6

Możesz wypróbować Aviary

To bardzo proste: skopiuj wklej adres URL strony, a Aviary załaduje go w edytorze obrazów online (patrz poniżej)

Mają także dodatek do Firefoksa i bookmarklet, w którym to przypadku wypełni Twoją aktualną stronę internetową (ale na tej samej karcie, więc uważaj!)

alternatywny tekst

Ivo Flipse
źródło
Wygląda na to, że robi to, co chcę, niestety każdy podany adres URL nie działa. Mówi tylko: „Uch! Nie możemy wykonać przechwytywania”.
Rozsądny
Polecam
wypróbować
Voilva aviary.com/creation?fguid=b56caae0-d63f-102d-a9f3-0030488e168c
Ivo Flipse
2

Chciałem czegoś, co mogłoby przechwytywać zrzuty ekranu lokalnego serwera, więc usługa internetowa taka jak Browsershots nie była tym, czego chciałem.

Dlatego za pomocą html2canvas stworzyłem bookmarklet, który przechwytuje zrzut ekranu lokalnie, renderując elementy na płótnie.

Aby go użyć, skopiuj to jako bookmarklet:

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Następnie kliknij go i prawdopodobnie zezwól na utworzenie wyskakującego okienka (wyskakujące okienko zawiera zrzut ekranu).

Na przykład w Chrome musisz kliknąć prawą część paska adresu w następujący sposób:

                                          zrzut ekranu

Następnie kliknij link odpowiadający wyskakującemu zrzutowi ekranu, aby go otworzyć.

Camilo Martin
źródło
Cześć, ta broszura jest naprawdę przydatna, dziękuję za udostępnienie. Zamierzam dostosować to do moich potrzeb, zastanawiałem się, dlaczego umieściłeś 5 parametrów w funkcji i jak oni uzyskali ich wartości, ponieważ funkcja jest wywoływana po kliknięciu bookmarkletu bez żadnych parametrów, a nazwy tych parametrów raczej nie będą być zdefiniowane na każdej stronie internetowej.
Chirag Bhatia - chirag64
1
@ Chirag64 zrobiłem to w ten sposób, aby zaoszczędzić kilka znaków (Jestem rodzajem osoby code-golf), oto co się dzieje: the d, wa hparametry przejdzie w końcu (na przykład: (function(d){/* d is now an alias to document */}(document))). Czwarty i piąty parametr to tylko symbole zastępcze, których użyłem później, aby zapisać kilka znaków na vardeklaracjach :) Więc nie zanieczyszczam globalnego zasięgu podczas gry w golfa.
Camilo Martin
To dobre kodowanie. Dzięki za wyjaśnienie :)
Chirag Bhatia - chirag64
0

Wiem, że to nie jest aplikacja internetowa ani bookmarklet, ale używam do tego celu wtyczki Firefox o nazwie Screengrab . Nie wiem, czy jest to dla ciebie opcja, ale możesz spróbować (oczywiście, jeśli używasz Firefoksa; i jestem pewien, że będą inne podobne dla innych przeglądarek)

Slavo
źródło
0

GreenShot

Wypróbuj to oprogramowanie, dobry kod.

Wystarczy nacisnąć PrintScreen na klawiaturze - pojawi się narzędzie i wybierz region zrzutu ekranu, obraz się pojawi !!

chetan
źródło
1
To jest oprogramowanie Windows. Zmieniłem link z .exe na stronę główną.
Rebecca Chernoff
0

Próbowałem tutaj, ale nie działały zbyt dobrze. Zarówno Aviary, jak i Browsershots nie były przyjemne w użyciu. Nie należy do tego używać aplikacji internetowej, a raczej rozszerzenia przeglądarki.

grm
źródło
0

Jeśli szukasz wtyczki wordpress, która zautomatyzuje zadanie dla Ciebie, to „Proste zrzuty ekranu” wykonują fantastyczną robotę. Możesz określić rozmiar miniatury itp.

http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5

Używamy go na naszej stronie internetowej ( http://productivewebapps.com ), jeśli chcesz zobaczyć przykład tego w użyciu! (Zastrzeżenie: Jestem właścicielem tej strony)

Wydajne aplikacje internetowe
źródło