Enable tools menu in DevTools

We currently disable the export menu in DevTools:

/*
      Some features in the export drop down menu don't work in the DevTools
      client. They could with some tweaks, but currently they don't. For example:
      Saving as HTML/JSON - does not bring up a file dialog, as one would expect in DevTools.
                            also, it saves the AuditsPanel HTML, which is funky.
    */
    .lh-devtools .lh-export__button {
      display: none;
    }

Need to:

1. Override _saveFile in Audits panel, and use the DevTools save functionality instead. Difference being that the system file dialog prompt will open.
2. getReportHtml currently causes the entire DevTools app’s HTML to be saved. Could change this._document.documentElement to _getScrollParent - but, it wouldn’t create a well-formed HTML file. I think we’d have to override getReportHtml in DevTools, and regenerate the report but with Lighthouse.ReportGenerator.generateReportHtml - that uses report-template.html, which the normal DevTools flow does not.

For 1, maybe we could just change the normal report to open with a file system dialog?

With this, do we want to scratch this Chromium change - and remove the “save” action from the Audits panel?

[brendankenny]

I don’t believe it’s possible to open the “Save As” dialog from normal js. The best we can do is what it’s currently doing, using an <a href="bloburl" download="report.html"> to trigger the download.

Or do you mean “change the normal report to open with a file system dialog” like change it when in devtools (though a devtools-ui-features.js or whatever)? If so, I apologize for drawing this all out 😃

[connorjclark]

not sure what this means…normal report like in report-ui-features.js?

yeah, the default behavior of the regular report experience