Capture visual bugs and report it to redmine.

Latest Version

Version
0.4.0
Update
August 4, 2022
Size
527KiB
Developer
cloudogu.com
Category
Users
36
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
See more
Permissions
ActiveTab
Storage
Notifications
See more

BugShot Extension

Website testing made easier: BugShot for Redmine makes reporting bugs straightforward and convenient. Thanks to a minimal workflow, BugShot for Redmine helps save valuable time when testing websites.

PREPARATION:
Just add BugShot for Redmine to your Chrome Extensions, and check \"Enable REST web service\" once in the Redmine settings under API.

THIS IS HOW IT WORKS:
Enter the url of your Redmine and log in with your account. Username and password have to be entered only once, because BugShot reads the Api Key of the user from Redmine with this data and stores it encrypted. BugShot then uses the Api Key for further communication with Redmine.

Create a reference ticket with the parameters of the website to be tested and the default template is already created in Redmine for each error found. Of course, additional tickets can be created or existing tickets can be used as reference.

Detected bugs can now be captured using the BugShot button or shortcut (Windows/Linux Shift+Ctrl+S and Mac Shift+Command+S) and the generated screenshot can be commented directly using the paint and label function.

Now just fill in the subject and description of the error and submit it.

The created ticket can then be viewed in Redmine. Benefit: URL and browser resolution will no longer be forgotten in the future, because Bugshot automatically attaches this information to the ticket.


ABOUT CLOUDOGU

At Cloudogu we believe in good software development through innovation, open source, agility, DevOps and community.
Our team of approximately 50 members enjoy sharing their knowledge and new insights in our community, blog, training and consulting - Whether on-site in the heart of Brunswick, Germany or remotely. Our topics are DevOps, GitOps, Agile, Security and technologies like Kubernetes and Docker. It all comes together in our open source projects, the Cloudogu EcoSystem and SCM-Manager.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "BugShot", "version": "0.4.0", "description": "__MSG_appDesc__", "default_locale": "en", "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*" ], "js": [ "content.js" ] } ], "action": { "default_icon": { "16": "images/bugshot-icon-16x16.png", "24": "images/bugshot-icon-24x24.png", "32": "images/bugshot-icon-32x32.png", "64": "images/bugshot-icon-64x64.png", "128": "images/bugshot-icon-128x128.png", "256": "images/bugshot-icon-256x256.png", "512": "images/bugshot-icon-512x512.png" }, "default_title": "__MSG_appDefaultTitle__", "default_popup": "connection.html" }, "icons": { "16": "images/bugshot-icon-16x16.png", "24": "images/bugshot-icon-24x24.png", "32": "images/bugshot-icon-32x32.png", "64": "images/bugshot-icon-64x64.png", "128": "images/bugshot-icon-128x128.png", "256": "images/bugshot-icon-256x256.png", "512": "images/bugshot-icon-512x512.png" }, "permissions": [ "activeTab", "storage", "notifications" ], "host_permissions": [ "http://*/", "https://*/" ], "commands": { "_execute_action": { "suggested_key": { "default": "Shift+Ctrl+S", "mac": "Shift+Command+S" } } }}
Read more

How to download and manually install BugShot extension for Chrome

Looking for a way to install BugShot extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install BugShot extensions manually, this article outlines two simple methods to effortlessly install BugShot extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download BugShot extension and manually install through Drag &Drop

If you ever need to manually install a BugShot extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the BugShot Extension by clicking the "Download CRX" button on the website.

Look for the BugShot extension you wish to install. Go to the website and download the BugShot extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for BugShot extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the BugShot extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download BugShot extension for Chrome and install in Developer Mode

This is another method to install BugShot extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the BugShot extension file

Select and download the BugShot extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the BugShot extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your BugShot extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the BugShot extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install BugShot extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

User reviews

icon

Nicole Sienkamp (ID: 000000fada15d6e8) Voted 5 ★ - Updated 08/11/2022 very useful quick timesaver

icon

Christopher Ganzorig (ID: 000000d944e6f1c9) Voted 5 ★ - Updated 08/11/2022 Nice tool!

icon

J B (ID: 0000003d488d5528) Voted 5 ★ - Updated 05/02/2022 Very cool

icon

Christoph Loose (ID: 0000000bb165e466) Voted 5 ★ - Updated 02/21/2022 Great tool to easily capture and describe a web issue and to automatically transfer it to your redmine ticketing system

icon

Matthias Thieroff (ID: 0000002e5bf4d6be) Voted 5 ★ - Updated 02/18/2022 Nice little helper that saves you a lot of time.