responsively-app icon indicating copy to clipboard operation
responsively-app copied to clipboard

Aggregated console log viewer to quickly see console logs from all the devices in a single place

Open manojVivek opened this issue 4 years ago • 3 comments

This can be seen as functionality similar to Chrome's console log viewer but with logs streamed from all devices.

  1. We can have a log section that can stream logs from every device(with some kind of UI indication to show which device that log is from).
  2. Have some pill buttons that can be used to select/de-select the devices from which the logs are shown.
  3. Optional but good to have: Add an option to filter out the log lines based on a regex match. So that the user can add a pattern and filter the logs as required to reduce the noise.

manojVivek avatar Aug 29 '20 14:08 manojVivek

@manojVivek do you have a more specific idea of where should we put this? In the drawer? in the dev tools? Do you have any sketches? I think this would be useful: https://www.electronjs.org/docs/api/webview-tag#event-console-message

jjavierdguezas avatar Oct 11 '20 14:10 jjavierdguezas

@jjavierdguezas I think the sidebar would be the better place. That way the user will be able to see the logs without opening the devtools window.

What do you think?

manojVivek avatar Oct 11 '20 16:10 manojVivek

@jjavierdguezas I think the sidebar would be the better place. That way the user will be able to see the logs without opening the devtools window.

What do you think?

I think it is ok, we could do it similar to the CSS editor (place and button trigger) that you proposed on #489

jjavierdguezas avatar Oct 11 '20 16:10 jjavierdguezas