php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 21.08.2011, 16:19  
Erfahrener Benutzer
 
Benutzerbild von dreamcatcher
 
Registriert seit: 28.12.2010
Beiträge: 599
PHP-Kenntnisse:
Anfänger
dreamcatcher wird schon bald berühmt werden
Standard [Erledigt] Browserscreenshot via JS ?

Hallo,

ich bin von der Feedback Funktion bei google+ begeistert.

Man klickt drauf und es wird automatisch ein Screenshot hinterlegt der eigenen Seite.

Nun wollte ich wissen wie das funktioniert, hab gegoogelt und verschiedene Varianten gefunden wie dies per PHP funktionieren kann.

Jedoch ist der Ansatz dann immer, dass der Server die Seite aufruft und selbst ein Screenshot davon macht.

Nun habe ich leider nichts gefunden, ob es auch clientseitig möglich ist einen Screenshot zu erstellen und diesen dann zu uploaden.
____________________

Mein derzeitiger Wissenstand sagt mir, dass ein "richtiger" Screenshot nicht angefertigt werden kann, da der Browser dies nicht erlauben wird ohne extra Plugin/Addon o.Ä..

Nun ist es bei google+ jedoch so, dass der Screenshot auch genau der Stelle gemacht wird an der man gerade gescrollt hat.

Daher frage ich mich, wie google das umgesetzt hat und ob es möglich ist, via JS doch irgendwie den Bildschirm zu "fetchen".

Zumindest die Zeile muss Google+ irgendwie auslesen, damit er die Seite genau an dieser Stelle auf dem Server reproduzieren kann.


Hintergrund ist, dass ich diese Funktion in einem Bugtracker von mir einbinden möchte.

Es ist natürlich außerdem dumm, einen Screenshot vom Server aus zu machen wenn der Client aufgrund der Browserversion ein Problem hat welcher er zwar sieht, auf dem Server jedoch ganz normal aussieht.

Daher denke ich auch nicht, dass Google das gesamte Bild auf dem Server erstellt (Dann würden Darstellungsfehler aufgrund der Browserversion auf dem Screenshot nicht sichtbar sein, wie oben geschrieben)

Welche Möglichkeiten kennt ihr ?
Welche besitzen einen möglichst umgreifenden "Cross Browser Support" ?
dreamcatcher ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 21.08.2011, 16:45  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

http://html2canvas.hertzen.com/
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 21.08.2011, 17:44  
Erfahrener Benutzer
 
Benutzerbild von dreamcatcher
 
Registriert seit: 28.12.2010
Beiträge: 599
PHP-Kenntnisse:
Anfänger
dreamcatcher wird schon bald berühmt werden
Standard

Das ist nen super Anfang, danke Dir.

Nun beschneidet Google das Bild genau an der Stelle wo man sich befindet.

Schnell 10 Minuten gegooglet und gefunden wie es geht:
Zitat:
For IE:

X - window.screenLeft
Y - window.screenTop

For everything else:

X - window.screenX
Y - window.screenY
http://stackoverflow.com/questions/5...-in-javascript

Screen dann dadurch kürzen dürfte kein Problem sein.

Jetzt habe ich ebend noch einen Versuch gemacht in dem ich testen konnte, ob Google etwas ähnliches/gleiches verwendet wie dein HTML2Canvas:

Ich habe den DOM einer Google+ Seite modifiziert und ein iFrame darin hinzugefügt.
Auf der Seite von html2canvas steht, dass iFrames nicht direkt gerendert werden können, was in einem Beispiel auch gestimmt hat.

Nun habe ich geschaut ob es Google+ kann: Nein, dort ist dann auch nur ein weißes Bild zu sehen ohne Inhalt.

Dementsprechend macht Google+ keine Screenshots und interpretiert auch "nur" den DOM durch eine Rendering-Engine.

Danke, du hast mir einen guten Einblick in die Materie verschafft
dreamcatcher ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
screenshot mit javascript machen, javascript browser screenshot, javascript screenshot machen, javascript zwischenablage, javascript screenshot der seite machen, browser screenshot via javascript or php, browserscreenshop js, ajax screenshot vom client, php iframe screenshot erstellen, per php screenshot von aktueller seite erstellen, javascript php browser screenshot, homepage screenshot selbst erstellen php ajax, browser screenshot server, screenshot per javascript machen, google feedback funktion mit screenshot, automatische screenshots php, html2canvas einbinden, javascript screenshot iframe, browserscreenshot automatisch, screenshot browser window with ajax

Alle Zeitangaben in WEZ +2. Es ist jetzt 11:25 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum