Revision as of 12:08, 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:

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

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

See detailed testing results (gdoc)

Fission Compatibility

Fixing known issues is split into two milestones (M2 and M3).

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

M2 Properly show all messages including those coming from frames loaded from different domains (bug 1663706)

Network

M2 Properly show all HTTP requests including those coming from frames loaded from different domains (bug 1663523, bug 1662736)
M3 Proper support for the following actions: Block requests, Reload page, Resend an existing request (bug 1667370, bug 1594726, bug 1594728)

Debugger

M2 Breakpoints should work as expected including those in `onLoad` scripts
M3 Debugging of service workers should work as expected
M3 Special breakpoints set for: DOM mutation, XHR, various DOM events, Logpoints and Watchpoints should work as expected.

Style Editor

Compatible with Fission, but there is some remaining work (Bug 1664941).

Storage

M2 Show all data coming from remote frames: Cookies, Session & Local storage, Extension storage, IndexDB and Cache data (bug 1644192)

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

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

Service Workers

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

@@ Line 1: / Line 1: @@
+<style>
+.milestone2 {background-color: #38761d; color: white; font-weight: bold}
+</style>
 = About =
 DevTools support for cross-site iframes with Fission is in progress and this page summarizes the current state.
@@ Line 13: / Line 17: @@
 = Fission Compatibility =
-Fixing known issues is split into two milestones (M2 and M3).
+Fixing known issues is split into two milestones (<span style="background-color: #38761d; color: white;">M2</span> and <span style="background-color: #ff9900; color: white;>M3</span>).
 == Panels ==
@@ Line 22: / Line 26: @@
 === Application ===
-* M3 Service Workers coming from remote frames are not displayed ([https://bugzilla.mozilla.org/show_bug.cgi?id=1473257 bug 1473257]).
+* <span style="background-color: #ff9900; color: white;>M3</span> Service Workers coming from remote frames are not displayed ([https://bugzilla.mozilla.org/show_bug.cgi?id=1473257 bug 1473257]).
 === Performance ===
-* M2 New Fission compatible Performance panel will be enabled (by default) at the end of October.
+* <span style="background-color: #38761d; color: white;">M2</span> 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 ([https://bugzilla.mozilla.org/show_bug.cgi?id=1623667 bug 1623667], [https://bugzilla.mozilla.org/show_bug.cgi?id=1572654 bug 1572654])
+* <span style="background-color: #38761d; color: white;">M2</span> 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 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])
+* <span style="background-color: #ff9900; color: white;>M3</span> 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 within the Inspector panel doesn't included remote iframes ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568880 bug 1568880])
+* <span style="background-color: #ff9900; color: white;>M3</span> Search within the Inspector panel doesn't included remote iframes ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568880 bug 1568880])
-* 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])
+* <span style="background-color: #ff9900; color: white;>M3</span> 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 ===
-* M2 Properly show all messages including those coming from frames loaded from different domains ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663706 bug 1663706])
+* <span style="background-color: #38761d; color: white;">M2</span> Properly show all messages including those coming from frames loaded from different domains ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663706 bug 1663706])
 === Network ===
-* M2 Properly show all HTTP requests including those coming from frames loaded from different domains  ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663523 bug 1663523], [https://bugzilla.mozilla.org/show_bug.cgi?id=1662736 bug 1662736])
+* <span style="background-color: #38761d; color: white;">M2</span> Properly show all HTTP requests including those coming from frames loaded from different domains  ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663523 bug 1663523], [https://bugzilla.mozilla.org/show_bug.cgi?id=1662736 bug 1662736])
-* M3 Proper support for the following actions: Block requests, Reload page, Resend an existing request ([https://bugzilla.mozilla.org/show_bug.cgi?id=1667370 bug 1667370], [https://bugzilla.mozilla.org/show_bug.cgi?id=1594726 bug 1594726], [https://bugzilla.mozilla.org/show_bug.cgi?id=1594728 bug 1594728])
+* <span style="background-color: #ff9900; color: white;>M3</span> Proper support for the following actions: Block requests, Reload page, Resend an existing request ([https://bugzilla.mozilla.org/show_bug.cgi?id=1667370 bug 1667370], [https://bugzilla.mozilla.org/show_bug.cgi?id=1594726 bug 1594726], [https://bugzilla.mozilla.org/show_bug.cgi?id=1594728 bug 1594728])
 === Debugger ===
-* M2 Breakpoints should work as expected including those in `onLoad` scripts
+* <span style="background-color: #38761d; color: white;">M2</span> Breakpoints should work as expected including those in `onLoad` scripts
-* M3 Debugging of service workers should work as expected
+* <span style="background-color: #ff9900; color: white;>M3</span> Debugging of service workers should work as expected
-* M3 Special breakpoints set for: DOM mutation, XHR, various DOM events, Logpoints and Watchpoints should work as expected.
+* <span style="background-color: #ff9900; color: white;>M3</span> Special breakpoints set for: DOM mutation, XHR, various DOM events, Logpoints and Watchpoints should work as expected.
 === Style Editor ===
@@ Line 49: / Line 53: @@
 === Storage ===
-* M2 Show all data coming from remote frames: Cookies, Session & Local storage, Extension storage, IndexDB and Cache data ([https://bugzilla.mozilla.org/show_bug.cgi?id=1644192 bug 1644192])
+* <span style="background-color: #38761d; color: white;">M2</span> Show all data coming from remote frames: Cookies, Session & Local storage, Extension storage, IndexDB and Cache data ([https://bugzilla.mozilla.org/show_bug.cgi?id=1644192 bug 1644192])
 === Memory ===
-* M3 Memory usage of remote frames is not displayed.
+* <span style="background-color: #ff9900; color: white;>M3</span> Memory usage of remote frames is not displayed.
 === DOM ===
-* M3 Objects coming from remote frames are not displayed.
+* <span style="background-color: #ff9900; color: white;>M3</span> Objects coming from remote frames are not displayed.
 == Miscellaneous Features ==
@@ Line 61: / Line 65: @@
 === Screenshot ===
-* M3 Screenshot doesn't work with remote frames ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568833 bug 1568833])
+* <span style="background-color: #ff9900; color: white;>M3</span> Screenshot doesn't work with remote frames ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568833 bug 1568833])
 === Service Workers ===
-* M3 Support for Service Workers is not not compatible with Fission.
+* <span style="background-color: #ff9900; color: white;>M3</span> Support for Service Workers is not not compatible with Fission.

DevTools/Fission: Difference between revisions