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

Latest Version

Version
1.5.5
Update
November 11, 2021
Size
45.51KiB
Developer
Category
Users
566
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs

Storage
*://localhost/*
See more

Looksee Extension

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 *
Read more

Source 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" }}
Read more