-
Create Safari Web Inspector Extensions
Learn how to add your own tools directly into Web Inspector using the latest Web Extensions APIs. We'll show you how to create your own tab in Web Inspector, evaluate JavaScript in the inspected page, and use the result to help you troubleshoot and identify potential problems.
Ressources
- Adding a web development tool to Safari Web Inspector
- Web Inspector Reference
- Learn more about bug reporting
- MDN Web Docs - Web Extensions API
- Safari web extensions
Vidéos connexes
WWDC23
WWDC22
-
Rechercher dans cette vidéo…
-
-
12:11 - Evaluating scripts inside the inspected page
// Evaluating scripts inside the inspected page let result = await browser.devtools.inspectedWindow.eval("foo.bar()"); -
12:40 - Evaluating scripts inside a frame in the inspected page
// Evaluating scripts inside a frame in the inspected page let result = await browser.devtools.inspectedWindow.eval("foo.bar()", { frameURL: "http://example.com/", });
-