Easily locate turbo-frames with this simple developer tools for Turbo Frames
Turbo devtools Extension
This tool is meant to facilitate debugging Turbo Frames by highlighting HTML tags in the active page. If tags are present in the page, invoking the extension will highlight those tags with a red border and an identifier.
Inspired by this tweet by Matt Swanson: https://twitter.com/_swanson/status/1486482689741971463
Read more
Inspired by this tweet by Matt Swanson: https://twitter.com/_swanson/status/1486482689741971463
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Turbo devtools", "version": "0.0.4", "description": "Easily locate turbo-frames with this simple developer tools for Turbo Frames", "manifest_version": 3, "icons": { "16": "assets/icon/16x16.png", "32": "assets/icon/32x32.png", "48": "assets/icon/48x48.png" }, "action": {}, "permissions": ["activeTab", "scripting"], "background": { "service_worker": "background.js" }, "web_accessible_resources": [ { "resources": ["turbo-frame/debug.css", "turbo-frame/debug.js", "turbo-frame/init.js"], "matches": ["*://*/*"] } ]}
Read more