Vue.js devtools - UI Customized

Browser DevTools extension for debugging Vue.js applications.

What is Vue.js devtools - UI Customized?

Vue.js devtools - UI Customized is a Chrome extension developed by parimaanam.net, and its main feature is "Browser DevTools extension for debugging Vue.js applications.".

Extension Screenshots

screenshot

Download Vue.js devtools - UI Customized Extension CRX File

Download Vue.js devtools - UI Customized 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 is a custom build of Vue DevTools from the official repo with customized fonts and UI element sizes. 

This modified version uses 'Code New Roman' font as a replacement for Roboto font used in the official version. Also, the font sizes are reduced to match with the chrome dev tools standard size.

Extension Basic Information

Name Vue.js devtools - UI Customized Vue.js devtools - UI Customized
ID fjjopahebfkmlmkekebhacaklbhiefbn
Official URL https://chromewebstore.google.com/detail/vuejs-devtools-ui-customi/fjjopahebfkmlmkekebhacaklbhiefbn
Description Browser DevTools extension for debugging Vue.js applications.
File Size 1.96 MB
Installation Count 8,000
Current Version 6.5.1
Last Updated 2023-11-10
Publish Date 2021-12-25
Rating 5.00/5 Total 2 Ratings
Developer parimaanam.net
Email [email protected]
Payment Type free
Supported Languages en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Vue.js devtools - UI Customized",
    "version": "6.5.1",
    "version_name": "6.5.1",
    "description": "Browser DevTools extension for debugging Vue.js applications.",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "browser_action": {
        "default_icon": {
            "16": "icons\/16-gray.png",
            "48": "icons\/48-gray.png",
            "128": "icons\/128-gray.png"
        },
        "default_title": "Vue Devtools",
        "default_popup": "popups\/not-found.html"
    },
    "web_accessible_resources": [
        "devtools.html",
        "devtools-background.html",
        "build\/backend.js"
    ],
    "devtools_page": "devtools-background.html",
    "background": {
        "scripts": [
            "build\/background.js"
        ],
        "persistent": true
    },
    "permissions": [
        "",
        "storage"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "build\/hook.js"
            ],
            "run_at": "document_start"
        },
        {
            "matches": [
                ""
            ],
            "js": [
                "build\/detector.js"
            ],
            "run_at": "document_idle"
        }
    ],
    "content_security_policy": "script-src 'self'; object-src 'self'"
}

Related Extensions

D365-UI-Test-Designer
D365-UI-Test-Designer
Solid Devtools
Solid Devtools
Livewire devtools
Livewire devtools
Redux DevTools
Redux DevTools
ng-inspect for AngularJS
ng-inspect for AngularJS