React Inspector

React Inspector

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Merlin
Additional files are visible only to premium users

manifest.json


{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "manifest_version": 3,
  "name": "React Inspector",
  "description": "The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.",
  "icons": {
    "16": "icon/icon16.png",
    "48": "icon/icon48.png",
    "128": "icon/icon128.png"
  },
  "action": {
    "default_title": "React Inspector: Press Ctrl+Shift+X (Command+Shift+X on Mac)"
  },
  "version": "1.2.3",
  "content_scripts": [
    {
      "js": [
        "assets/content-script-loader.content.ts.aa66660e.526aa3f4.js"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ],
  "devtools_page": "src/devtools.html",
  "options_page": "src/options.html",
  "background": {
    "service_worker": "service-worker-loader.js",
    "type": "module"
  },
  "commands": {
    "inspect": {
      "suggested_key": {
        "default": "Ctrl+Shift+X",
        "mac": "Command+Shift+X"
      },
      "description": "Inspect the page using the \"React Inspector\" extension."
    }
  },
  "permissions": [
    "activeTab",
    "contextMenus",
    "storage"
  ],
  "web_accessible_resources": [
    {
      "matches": [
        "<all_urls>"
      ],
      "resources": [
        "assets/constants.918f8f6b.js",
        "assets/content-main-world.8c44456d.js",
        "assets/content.ts.aa66660e.js"
      ],
      "use_dynamic_url": true
    }
  ]
}