Provide tools/hooks for debugging in all browsers + standalone apps about lwc

[yungcheng]

I thought Dave wrote a Chrome dev tool formatter for proxy, or is that for XProxy (compat version) only?

[davidturissini]

@yungcheng the formatter uses devtoolsFormatters that Chrome exposes on the window. I'm not sure what browser support for this is. One thing to keep in mind about adding console.logProxys, is that hovering over the values in the inspector will still show the Proxy, not the formatted value. This is not an issue with devtoolsFormatters

Open browser devtoolsFormatters issues:
firefox: firefox-devtools/extension-examples#9
webkit: https://bugs.webkit.org/show_bug.cgi?id=142656

[caridy]

@davidturissini can you check if there is a ticket open for safari and edge, and if not, opening a new feature request so we can track those? I have already talk to apple and edge folks about the need for this.

[davidturissini]

@caridy I didn't find any open issues in Edge. I've updated the list to include the webkit issue.

[caridy]

let's open one then, and I can send an email to some folks.

[jmsjtu]

We're not planning on working on this now.

[nolanlawson]

To clarify: we support the Chrome-specific devtools formatters format – if another standard emerges that has cross-browser support, then we will use that. But in the meantime I can't see a cross-browser solution other than writing a full DevTools extension for all browsers.