Laser Eyes

Outline every element on your website with the help of Laser Eyes

What is Laser Eyes?

Laser Eyes is a Chrome extension developed by https://layerworks.com, and its main feature is "Outline every element on your website with the help of Laser Eyes".

Extension Screenshots

screenshot

Download Laser Eyes Extension CRX File

Download Laser Eyes extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        An extension that aids Front-end Developers by visualizing elements in the DOM. Activating Laser Eyes will inject custom CSS onto the current tab, allowing developers to see how elements align and stack up. By using the CSS "outline" property, as opposed to "border", the elements won't grow in size and the original alignment is preserved. The CSS that Laser Eyes injects is customizable and synced across multiple browsers.                    

Extension Basic Information

Name Laser Eyes Laser Eyes
ID kfpknakmpilhdaoiecgelegmbadacmod
Official URL https://chromewebstore.google.com/detail/laser-eyes/kfpknakmpilhdaoiecgelegmbadacmod
Description Outline every element on your website with the help of Laser Eyes
File Size 28.72 KB
Installation Count 295
Current Version 1.0
Last Updated 2022-02-24
Publish Date 2022-02-24
Rating 5.00/5 Total 1 Ratings
Developer https://layerworks.com
Email [email protected]
Payment Type free
Extension Website https://github.com/dthunziker/laser-eyes
Help Page URL https://github.com/dthunziker/laser-eyes
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Laser Eyes",
    "description": "Outline every element on your website with the help of Laser Eyes",
    "version": "1.0",
    "manifest_version": 3,
    "icons": {
        "16": "img\/16.png",
        "32": "img\/32.png",
        "48": "img\/48.png",
        "128": "img\/128.png"
    },
    "action": {
        "default_icon": {
            "16": "img\/16.png",
            "32": "img\/32.png",
            "48": "img\/48.png",
            "128": "img\/128.png"
        }
    },
    "background": {
        "service_worker": "js\/background.js"
    },
    "options_page": "options.html",
    "permissions": [
        "storage",
        "activeTab",
        "scripting"
    ]
}