Cos'è Motion DevTools?

Motion DevTools è un'estensione di Chrome sviluppata da https://motion.dev, e la sua funzione principale è "Inspect, edit and export animations made with CSS and Motion One.".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Motion DevTools

Scarica i file di estensione Motion DevTools in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

Motion DevTools is a browser extension to inspect, edit and export animations made with CSS and Motion One.

🔍 Inspect: Press record and interact. Detected CSS and Motion One animations will be plotted on a classic timeline interface. Use the playback controls to scrub through and replay your animation from any point.

✍️ Edit: Add, move and remove keyframes. Edit values and easing with custom controls, and your edits will be reflected on the page in real-time.

🚢 Export: Perfected your animation? Hit the export button to instantly generate code. Export any animation into CSS transitions, CSS animations or Motion One.

Informazioni di Base sull'Estensione

Nome	Motion DevTools
ID	mnbliiaiiflhmnndmoidhddombbmgcdk
URL Ufficiale	https://chromewebstore.google.com/detail/motion-devtools/mnbliiaiiflhmnndmoidhddombbmgcdk
Descrizione	Inspect, edit and export animations made with CSS and Motion One.
Dimensione del File	788 KB
Conteggio Installazioni	8,000
Versione Corrente	2.0.0
Ultimo Aggiornamento	2023-06-08
Data di Pubblicazione	2022-03-21
Valutazione	4.20/5 Totale 5 Valutazioni
Sviluppatore	https://motion.dev
Email	[email protected]
Tipo di Pagamento	in_app
Sito Web dell'Estensione	https://motion.dev/tools
Lingue Supportate	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Motion DevTools", "description": "Inspect, edit and export animations made with CSS and Motion One.", "version": "2.0.0", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAjWcsdcmAGQ8cX\/DQG72r1deFTf4ONxlCor1HvW1\/lLG\/R60VCOuEGLR1OKNrCPHid2gFrlShfDe\/1G1VTefoIMt5z7jlHNuC7i7+mQg9ybbPje2HDKUrOAN5ldo3agqnEJFh+wA2rb6ehOIZVpZ7\/F8Lwja196bvWMSNn+9ktM+fYE3DJacZbf\/mySPlvRt8ToG++hE6taMKN4KnMJC08vWZ33fz\/oeQZ2fDMBGOYP\/9S6LOGoPqYY59Z+9wniZjFN4oE4ORxuP9bek0h15FnYeEvutFY8za0wdLng5bqwDWUlgW51x6MZpJWv1JtD66PBlQVHhX9FJV6m\/HUTE\/qwIDAQAB", "manifest_version": 3, "icons": { "16": "\/assets\/icon-16.png", "32": "\/assets\/icon-32.png", "48": "\/assets\/icon-48.png", "128": "\/assets\/icon-128.png" }, "devtools_page": "devtools.html", "background": { "service_worker": "js\/background.js" }, "content_scripts": [ { "matches": [ "" ], "run_at": "document_start", "all_frames": true, "js": [ "js\/bridge.js" ] } ], "web_accessible_resources": [ { "resources": [ "devtools.html", "editor.html", "js\/background.js", "js\/client.js", "js\/devtools.js", "js\/editor.js" ], "matches": [ "https:\/\/\/", "file:\/\/\/", "http:\/\/\/" ], "use_dynamic_url": true } ], "permissions": [ "storage", "webNavigation" ], "host_permissions": [ "file:\/\/\/", "http:\/\/\/", "https:\/\/\/" ], "externally_connectable": { "matches": [ "https:\/\/.motion.dev\/", ":\/\/localhost\/" ] } }