Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.
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
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 *
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