DevTools/Fission: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Update known issues description)
Line 25: Line 25:


=== Inspector ===
=== Inspector ===
* M2 Basic Highlighters ([https://bugzilla.mozilla.org/show_bug.cgi?id=1623667 bug 1623667], [https://bugzilla.mozilla.org/show_bug.cgi?id=1572654 bug 1572654])
* M2 Basic support for highlighting elements in the page when inspecting their CSS properties and box model ([https://bugzilla.mozilla.org/show_bug.cgi?id=1623667 bug 1623667], [https://bugzilla.mozilla.org/show_bug.cgi?id=1572654 bug 1572654])
* M3 Less used Highlighters: Grid, shape, path, fonts, geometry, CSS animations ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568827 bug 1568827])
* M3 Advanced features related to highlighting elements in the page. This includes support for highlighting grid elements, shapes defined using CSS clip-path property, highlighting fonts, geometry editor for absolute positioned elements within relative positioned elements and inspecting CSS animations ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568827 bug 1568827])
* M3 Search ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568880 bug 1568880])
* M3 Search within the Inspector panel doesn't included remote iframes ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568880 bug 1568880])
* M3 Eydropper ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568831 bug 1568831])
* M3 Eydropper (a button in the Inspector's panel toolbar ) used to grab a color from the page ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568831 bug 1568831])


=== Console ===
=== Console ===
Line 55: Line 55:


== Miscellaneous Features ==
== Miscellaneous Features ==
Summary of known issues related to independent features.


=== Screenshot ===
=== Screenshot ===

Revision as of 11:03, 29 September 2020

About

DevTools support for cross-site iframes with Fission is in progress and this page summarizes the current state.

The DevTools team is listening in in the #devtools:mozilla.org room on Mozilla's Matrix server.

Instructions for enabling Fission for DevTools:

  1. In about:config, set the "fission.autostart"
  2. Restart the browser

You can file DevTools Fission related bug in Bugzilla, here.

Fission Compatibility

Panels

Summary of known issues related to DevTools panels.

Accessibility

The Accessibility panel is fully compatible with Fission.

Application

  • M3 Service Workers coming from remote frames are not displayed (bug 1473257).

Performance

  • M2 New Fission compatible Performance panel will be enabled (by default) at the end of October.

Inspector

  • M2 Basic support for highlighting elements in the page when inspecting their CSS properties and box model (bug 1623667, bug 1572654)
  • M3 Advanced features related to highlighting elements in the page. This includes support for highlighting grid elements, shapes defined using CSS clip-path property, highlighting fonts, geometry editor for absolute positioned elements within relative positioned elements and inspecting CSS animations (bug 1568827)
  • M3 Search within the Inspector panel doesn't included remote iframes (bug 1568880)
  • M3 Eydropper (a button in the Inspector's panel toolbar ) used to grab a color from the page (bug 1568831)

Console

Network

Debugger

  • M2 Early breakpoints
  • M3 Service workers
  • M3 Special breakpoints (DOM, XHR, Event, etc.)

Style Editor

Compatible with Fission, but there is some remaining work.

Storage

Memory

  • M3 Memory usage of remote frames is not displayed.

DOM

  • M3 Objects coming from remote frames are not displayed.

Miscellaneous Features

Summary of known issues related to independent features.

Screenshot

  • Screenshot doesn't work with remote frames (bug 1568833)

Service Workers

  • Support for Service Workers is not not compatible with Fission.