Screencapture, compare designs and staging with grids and a transparent overlay for pixel-perfect coding and design feedback.

Latest Version

Version
3.0.2
Update
November 20, 2024
Size
744KiB
Developer
revool.design
Category
Users
242
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
日本語
See more
Permissions
ClipboardRead
ActiveTab
Alarms
DeclarativeNetRequest
Storage
Tabs
WebNavigation
See more

Live web feedback for Pixel Perfect Extension

Enhance web reviews with device-specific views (PC, Tablet, Mobile), grid & guide layers, and a transparent overlay for Pixel Perfect coding.

Capture screenshots, add annotations, and manage feedback with task categorization.

Once linked with a Revool account, you can share tasks that you post with your project team members.

Posted tasks are automatically categorized and saved based on their URL, and you can set statuses for each comment and manage them as tasks.

Please use it not only for static content like corporate websites, landing pages, photos, and illustrations but also for reviewing dynamic content like games, web apps, and videos.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extensionName__", "version": "3.0.2", "description": "__MSG_extensionDescription__", "default_locale": "en", "permissions": [ "clipboardRead", "activeTab", "alarms", "declarativeNetRequest", "storage", "tabs", "webNavigation" ], "icons": { "16": "images/icon16-for-ext-dark.png", "32": "images/icon32-for-ext-dark.png", "48": "images/icon48-for-ext-dark.png", "128": "images/icon128-for-ext-dark.png" }, "host_permissions": ["http://*/", "https://*/", ""], "declarative_net_request": { "rule_resources": [ { "id": "ruleset_1", "enabled": true, "path": "rules.json" } ] }, "background": { "service_worker": "js/background.js", "type": "module" }, "action": { "default_popup": "popup.html" }, "externally_connectable": { "matches": [ "https://revool.design/*" ] }, "content_scripts": [ { "matches": [ "*://*/*" ], "js": [ "js/content.js", "js/modal-open-close.js", "js/action-settings.js", "js/canvas-drawing.js", "js/modal-info-dialogue.js", "js/modal-capture-dialogue.js", "js/handle-mentions.js" ], "all_frames": false, "run_at": "document_start", "css": [ "css/styles.css", "css/all.min.css" ] } ], "web_accessible_resources": [ { "resources": [ "images/*", "webfonts/*" ], "matches": [ "http://*/*", "https://*/*" ] } ], "author": "Revool", "offline_enabled": false, "minimum_chrome_version": "90"}
Read more

How to download and manually install Live web feedback for Pixel Perfect extension for Chrome

Looking for a way to install Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect extensions manually, this article outlines two simple methods to effortlessly install Live web feedback for Pixel Perfect extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Live web feedback for Pixel Perfect extension and manually install through Drag &Drop

If you ever need to manually install a Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect Extension by clicking the "Download CRX" button on the website.

Look for the Live web feedback for Pixel Perfect extension you wish to install. Go to the website and download the Live web feedback for Pixel Perfect extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect extension for Chrome and install in Developer Mode

This is another method to install Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect extension file

Select and download the Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect 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 Live web feedback for Pixel Perfect extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Stop It Grandpa Extension · News & Weather 242 2 ★ 10.67KiB

icon

All Find Seek Extension · Productivity 242 0 ★ 6.68KiB

icon

Suspend tabs Extension · Productivity 242 0 ★ 27.74KiB

icon

Follows You GitHub Extension · Social & Communication 242 0 ★ 11.25KiB

icon

SyntheticEye AI Detector Extension · Productivity 242 3 ★ 29.8KiB

icon

Boss Hub | Signal YES Extension · Productivity 242 2 ★ 623KiB

icon

Vehichaul Importer Extension · Productivity 242 0 ★ 75.93KiB

icon

GoldDust Extension · Productivity 242 1 ★ 9.56MiB

icon

Weeklee Extension · Productivity 242 1 ★ 1.27MiB

icon

Swat Dining Extension · Productivity 242 1 ★ 572KiB

icon

Salesforce Shortcuts Extension · Productivity 242 2 ★ 333KiB

icon

Vind: Keyboard Shortcuts for Every Website Extension · Productivity 242 3 ★ 1.52MiB

icon

Servomancer Tennis Browser Extension Extension · Fun 242 1 ★ 213KiB

icon

Linqbase - LinkedIn CRM & Outreach Extension · Productivity 242 4 ★ 2.13MiB

icon

PixelPilot (Pixel Perfect Design Helper) Extension · Developer Tools 242 7 ★ 70.81KiB

icon

Time Tracker, Todo, Sprint Manager - Basecamp Extension · Productivity 242 9 ★ 1.69MiB

icon

Pact for Google Calendar Extension · Productivity 242 11 ★ 145KiB

icon

Tweetlio X: Twitter Companion Extension · Social & Communication 242 5 ★ 223KiB

icon

Site Blocker Extension · Productivity 242 2 ★ 46.95KiB

icon

Khan Academy Notifications Extension · Productivity 242 10 ★ 28.78KiB

icon

Pixel Perfect Extension · Developer Tools 242 1 ★ 27.69KiB

icon

Ducking Extension - Ducking.id Extension · Productivity 242 13 ★ 1.88MiB

icon

CanDoo - Find better information faster Extension · Productivity 242 8 ★ 399KiB

icon

Gyde: AI Documentation in Video & Screenshots Extension · Productivity 242 52 ★ 208KiB

User reviews

icon

little yellowbottle (ID: 000000f4847ebc2a) Voted 5 ★ - Updated 08/24/2023 excellent!

icon

IllByrs (ID: 0000000244b6d2eb) Voted 5 ★ - Updated 08/07/2023 とりあえず使いやすい。ほしい機能がどんどん出てきて、プロも素人もすぐに使いこなせる。もっと早く、このアプリに出会っていれば仕事の能率もあがったと思う。