Method to capture a screenshot of user's browser to aid in bug reporting

Question

I'm looking for a way to make it easy for technically unsophisticated users to submit screenshots of their browser to me, to aid in debugging web application problems.

There will be a button on all pages inside a web application they can use to report problems, which I would like to submit a screenshot (among other things).

http://www.snapabug.com/ is very close to what I want, but I need to be able to customize a few things that service won't let me.

Production environment is LAMP. I expect there must be something Flash-based that can do this, but I've not been able to find something.

Thanks!

Answer 1

Buzz,

Yeah, I came across that tool as well and it seems to be pretty cool. The closest thing I can point out is Selenium. Selenium can take a screen shot and save the page source. I believe it uses JavaScript to make the necessary calls.

You could build something around that I suppose.

Walter

Answer 2

Use JavaScript to grab the HTML, user agent and browser details (plugins, etc.) and send it to a bug reporting page with AJAX.

Answer 3

Have you seen this one? http://userfly.com/

Answer 4

Buzz,

Backtraces and application variables can be stored in JavaScript variables and will be grabbed by SnapABug when sending the screenshot.

The Live Agent stuff are only enables if you choose to do so in the configuration. By default, they are not enabled.

Also we now have the ability to create custom forms to match your site look and feel and can remove the branding if this is a big deal.

Contact us at: [email protected] and we'll come up with something that works for you.

Cheers, Jerome.