devLens

A great tool which helps to locate the elements in the HTML webpage, useful for debugging and development

What is devLens?

devLens is a Chrome extension developed by Maaz, and its main feature is "A great tool which helps to locate the elements in the HTML webpage, useful for debugging and development".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download devLens Extension CRX File

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

                        Struggling with responsive web design issues and pesky CSS bugs?
With devLens, you can make sure the elements of your website are clear and mistake-free. 
You can quickly check out the structure of elements by using this handy tool. Adding devLens to Chrome serves as an extension/alternative to the existing Chrome developer tools.

★ Different Color for every tag
Highlight the tags which you want to search with a different color for each group of tags.

★ Custom box for choosing the desired color and tag
By pressing the Enter Key in the custom box, you can cycle through different material colors until you find the desired one. 

★ Offline webpage support
Whether you’re developing on a server or simply viewing a locally saved webpage, devLens works everywhere.

★ Open to ideas and features
This is the initial release of devLens and I am open to ideas, suggestions and feedback. If you think this tool is helpful for you, please leave a rating and review. I really appreciate it!

This project is open to contribution.
Find it on https://github.com/maazrk/devLens
 
By installing the extension, you agree that you will use it for development and wherever you want to use it.                    

Extension Basic Information

Name devLens devLens
ID kabdfmclplkabkflfbiakidanlcdfaji
Official URL https://chrome.google.com/webstore/detail/devlens/kabdfmclplkabkflfbiakidanlcdfaji
Description A great tool which helps to locate the elements in the HTML webpage, useful for debugging and development
File Size 33.01 KB
Installation Count 234
Current Version 0.0.2
Last Updated 2017-10-15
Publish Date 2017-10-15
Rating 5.00/5 Total 1 Ratings
Developer Maaz
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "devLens",
    "description": "A great tool which helps to locate the elements in the HTML webpage, useful for debugging and development",
    "version": "0.0.2",
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "permissions": [
        "tabs",
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "file:\/\/\/*\/\/*\/*"
    ],
    "browser_action": {
        "default_title": "Click to scan the page",
        "default_icon": {
            "16": "icon16.png",
            "48": "icon48.png",
            "128": "icon128.png"
        },
        "default_popup": "popup.html"
    },
    "manifest_version": 2
}