Bookmarklets are pretty neat and can be very useful if done right. I have made one recently and here are a few things I ran into.
First off the why of it. I work with a bunch of talented individuals at a growing digital agency. Our projects like most others, run through QA and client UAT once my part is done. When the tickets role in I often have to sift through each ticket and try to recreate the bug. Sometimes the bug documented is missing key small details about the device used to capture the bug. Pulling more details from clients can sometimes take longer than the bug ends up taking to get fixed. We needed a solid foundation to communicate effectively about each ticket. I sat down with QA and asked what information is often missing and I asked my dev team the same thing. Here is a list of items mentioned:
- OS and Version
- Browser and Version
- Is it mobile?
- Device screen size
- Is the view Zoomed? - Not currently possible
The tool renders on a page first so you can receive info on mobile devices. Just swap out the URL. Works great in browser testing services like Browser Stack or Sauce Labs. All and all it was a great project. Hopefully, we get the tool being used as the foundational stamp on all our bugs logged in the future. This should save a great deal of time and money. Here is a link to the project. Feel free to use on your project if you would like. If you have any suggestions let me know down in the comments below or send me a friendly email.