Looksee

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

What is Looksee?

Looksee is a Chrome extension developed by Cullan Luther, and its main feature is "Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.".

Extension Screenshots

screenshot
screenshot

Download Looksee Extension CRX File

Download Looksee 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

                        This extension provides quick borders or shaders to any element on the page. The text field uses jQuery's anything selector or "sizzle selector library" to easily traverse the dom. Works with your local server. Looksee is built to not affect your layout in anyway. If it does please contact me via the support link below.

Examples:

- Typing div into the input field will add a border to every div on the active tab
- Typing * will add border to everything in the html document
- Typing p, h3, div > span will add a border to all p tags, h3 tags, and spans inside of divs

Support:

I would like to make this extension great so please let me know if you find a bug by heading over to the github page https://github.com/Blumed/looksee/issues

* After the first time you install this extension be sure to reload the desired page first, or just open up a new page and go to town *                    

Extension Basic Information

Name Looksee Looksee
ID mbfdhnjobheppodaolenppfegicnhmhp
Official URL https://chromewebstore.google.com/detail/looksee/mbfdhnjobheppodaolenppfegicnhmhp
Description Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.
File Size 45.51 KB
Installation Count 588
Current Version 1.5.5
Last Updated 2021-11-11
Publish Date 2018-01-31
Rating 5.00/5 Total 3 Ratings
Developer Cullan Luther
Email [email protected]
Payment Type free
Extension Website https://cullanluther.com
Help Page URL https://github.com/Blumed/looksee/support
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Looksee",
    "description": "Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.",
    "default_locale": "en",
    "version": "1.5.5",
    "offline_enabled": true,
    "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'",
    "permissions": [
        "tabs",
        "",
        "storage",
        "*:\/\/localhost\/*"
    ],
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "css": [
                "assets\/css\/main.css"
            ],
            "js": [
                "assets\/js\/vendor\/jquery-2.2.3.min.js",
                "assets\/js\/contentScript.js",
                "assets\/js\/outliner.js"
            ],
            "run_at": "document_end",
            "all_frames": true
        }
    ],
    "background": {
        "persistent": true,
        "scripts": [
            "assets\/js\/background.js"
        ]
    },
    "browser_action": {
        "default_icon": "assets\/images\/icon128.png",
        "default_popup": "popup.html"
    },
    "icons": {
        "16": "assets\/images\/icon16.png",
        "48": "assets\/images\/icon48.png",
        "128": "assets\/images\/icon128.png"
    }
}