DevTools/Fission: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 19: Line 19:


= Fission Compatibility =
= Fission Compatibility =
Known issues are split into two milestones (<span style="background-color: #38761d; color: white;">M2</span> and <span style="background-color: #ff9900; color: white;>M3</span>).
Milestones:
 
* <span style="background-color: #38761d; color: white;">M2</span> Q4 2020
* <span style="background-color: #ff9900; color: white;>M3</span> Q1-Q3 2021
* <span style="background-color: #2669b0; color: white;>MF</span> Future


== Panels ==
== Panels ==
Line 25: Line 29:


=== Accessibility ===
=== Accessibility ===
The Accessibility panel is fully compatible with Fission.
The Accessibility panel should be fully compatible with Fission.


=== Application ===
=== Application ===
* <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]).  
* <span style="background-color: #2669b0; color: white;>MF</span> Service Workers coming from remote frames are not displayed ([https://bugzilla.mozilla.org/show_bug.cgi?id=1473257 bug 1473257]).  


=== Performance ===
=== Performance ===
* <span style="background-color: #38761d; color: white;">M2</span> New Fission compatible Performance panel will be enabled (by default) at the end of October ([https://bugzilla.mozilla.org/show_bug.cgi?id=1668218 bug 1668218]).
* <span style="background-color: #2669b0; color: white;>MF</span> New Fission compatible Performance panel is enabled in Nightly and Beta. It yet needs to be enabled in Release ([https://bugzilla.mozilla.org/show_bug.cgi?id=1693314 bug 1693316]).


=== Inspector ===
=== Inspector ===
* <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])
* <span style="background-color: #2669b0; color: white;>MF</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])
* <span style="background-color: #38761d; color: white;">M2</span> DOM Inspector is sometimes highlighting multiple DOM nodes with no way to deselect them ([https://bugzilla.mozilla.org/show_bug.cgi?id=1667368 1667368])
* <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])
* <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])
* <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 ===
=== Console ===
* <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])
The Console panel should be fully compatible with Fission.


=== Network ===
=== Network ===
* <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])
* <span style="background-color: #2669b0; color: white;>MF</span> Proper support for JS Context Switching ([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 ===
=== Debugger ===
* <span style="background-color: #38761d; color: white;">M2</span> Sources coming from remote frames are not listed in the Sources side-bar ([https://bugzilla.mozilla.org/show_bug.cgi?id=1659969 bug 1659969])
* <span style="background-color: #2669b0; color: white;>MF</span> Debugging of service workers should work as expected
* <span style="background-color: #38761d; color: white;">M2</span> Breakpoints should work as expected including those in `onLoad` scripts
* <span style="background-color: #2669b0; color: white;>MF</span> Debugger doesn't work properly if page loads two remote iframes from the same domain ([https://bugzilla.mozilla.org/show_bug.cgi?id=1503499 bug 1503499], [https://bugzilla.mozilla.org/show_bug.cgi?id=1678741 bug 1678741])
* <span style="background-color: #ff9900; color: white;>M3</span> Debugging of service workers 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 ===
=== Style Editor ===
Compatible with Fission, but there is some remaining work ([https://bugzilla.mozilla.org/show_bug.cgi?id=1664941 Bug 1664941]).
The Style Editor panel should be fully compatible with Fission


=== Storage ===
=== Storage ===
* <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])
* <span style="background-color: #2669b0; color: white;>MF</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 ===
=== Memory ===
* <span style="background-color: #ff9900; color: white;>M3</span> Memory usage of remote frames is not displayed.
* <span style="background-color: #2669b0; color: white;>MF</span> Memory usage of remote frames is not displayed.


=== DOM ===
=== DOM ===
* <span style="background-color: #ff9900; color: white;>M3</span> Objects coming from remote frames are not displayed.
* <span style="background-color: #2669b0; color: white;>MF</span> Objects coming from remote frames are not displayed.


== Miscellaneous Features ==
== Miscellaneous Features ==
Summary of known issues related to independent features.
Summary of known issues related to independent features.
=== Screenshot ===
* <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 ===
=== Service Workers ===
* <span style="background-color: #ff9900; color: white;>M3</span> Support for Service Workers is not not compatible with Fission.
* <span style="background-color: #2669b0; color: white;>MF</span> Support for Service Workers is not not compatible with Fission.

Latest revision as of 07:14, 6 October 2021

<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.

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.

See detailed testing results (gdoc)

See also Fission Project wiki page

Fission Compatibility

Milestones:

  • M2 Q4 2020
  • M3 Q1-Q3 2021
  • MF Future

Panels

Summary of known issues related to DevTools panels.

Accessibility

The Accessibility panel should be fully compatible with Fission.

Application

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

Performance

  • MF New Fission compatible Performance panel is enabled in Nightly and Beta. It yet needs to be enabled in Release (bug 1693316).

Inspector

  • MF 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)

Console

The Console panel should be fully compatible with Fission.

Network

Debugger

  • MF Debugging of service workers should work as expected
  • MF Debugger doesn't work properly if page loads two remote iframes from the same domain (bug 1503499, bug 1678741)

Style Editor

The Style Editor panel should be fully compatible with Fission

Storage

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

Memory

  • MF Memory usage of remote frames is not displayed.

DOM

  • MF Objects coming from remote frames are not displayed.

Miscellaneous Features

Summary of known issues related to independent features.

Service Workers

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