DevTools/Fission: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(37 intermediate revisions by the same user not shown)
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.
DevTools support for cross-site iframes with Fission is in progress and this page summarizes the current state.
= Contact =


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


= Enabling Fission =
Instructions for enabling Fission for DevTools:
 
# In ''about:config'', set the '''"fission.autostart"'''  
# In ''about:config'', set the '''"fission.autostart"'''  
# Restart the browser
# Restart the browser


= Reporting Bugs =
You can file DevTools Fission related bug in Bugzilla, [https://bugzilla.mozilla.org/enter_bug.cgi?product=DevTools&bug_type=defect&short_desc=%5bFission%5b&blocked=dt-fission here].


You can file DevTools Fission related bug in Bugzilla, [https://bugzilla.mozilla.org/enter_bug.cgi?product=DevTools&bug_type=defect&short_desc=%5bFission%5b&blocked=dt-fission here].
See detailed testing results ([https://docs.google.com/document/d/1YcLnu2oWpusu_Ws8yi3IYzg_J2rDL-iwvDdLcFDbi5M/edit# gdoc])
 
See also Fission Project [https://wiki.mozilla.org/Project_Fission wiki page]


= Resources =
= Fission Compatibility =
Milestones:


* DevTools Testing For Fission Nightly Experiment [https://docs.google.com/document/d/1YcLnu2oWpusu_Ws8yi3IYzg_J2rDL-iwvDdLcFDbi5M/edit#heading=h.doadl5lzens6 doc]
* <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 ==
Summary of known issues related to DevTools panels.
Summary of known issues related to DevTools panels.


== Accessibility ==
=== Accessibility ===
The Accessibility panel is fully compatible with Fission.
The Accessibility panel should be fully compatible with Fission.
 
== Application ==
* M3 Service Workers coming from remote frames are not displayed ([https://bugzilla.mozilla.org/show_bug.cgi?id=1473257 bug 1473257]).  


== Performance ==
=== Application ===
* M2 New Fission compatible Performance panel will be enabled (by default) at the end of October.
* <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]).  


== Inspector ==
=== Performance ===
* 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])
* <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]).
* M3 Less used Highlighters: Grid, shape, path, fonts, geometry, 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 Eydropper ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568831 bug 1568831])


== Console ==
=== Inspector ===
* M2 Display messages and evaluate ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663706 bug 1663706])
* <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])


== Network ==
=== Console ===
* M2 Display HTTP requests ([https://bugzilla.mozilla.org/show_bug.cgi?id=1663523 bug 1663523], [https://bugzilla.mozilla.org/show_bug.cgi?id=1662736 bug 1662736])
The Console panel should be fully compatible with Fission.
* M3 Commands: Block, Reload, Resend ([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 ==
=== Network ===
* M2 Early breakpoints
* <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])
* M3 Service workers
* M3 Special breakpoints (DOM, XHR, Event, etc.)


== Style Editor ==
=== Debugger ===
Compatible with Fission, but there is some remaining work.
* <span style="background-color: #2669b0; color: white;>MF</span> Debugging of service workers should work as expected
* <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])


== Storage ==
=== Style Editor ===
* M2 Show data coming from remote frames ([https://bugzilla.mozilla.org/show_bug.cgi?id=1644192 bug 1644192])
The Style Editor panel should be fully compatible with Fission


=== Storage ===
* <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 ===
* M3 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 ===
* M3 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.


== Screenshot ==
=== Service Workers ===
* Screenshot doesn't work with remote frames ([https://bugzilla.mozilla.org/show_bug.cgi?id=1568833 bug 1568833])
* <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.