atom-html-preview
atom-html-preview copied to clipboard
Console output panel
Something like this:
+1
You can achieve this behaviour by opening the built-in Chromium dev tools (Ctrl+Alt+I on Windows).
It certainly doesn't look as nice as the example you provided. That sort of feature would probably best belong in a separate package anyway, maybe someone's already made one?
@Grimeh because HTML preview puts the rendered document in a webview
the console messages and DOM don't show up by default in the main dev tools panel. You have to open the dev tools for the webview using one of the methods mentioned on atom/electron#2285.
Personally I prefer using dev tools, but even this option isn't so accessible. An alternative to including a new full-blown console output panel could just be making the option to access the dev tools for the panel easier with a context menu option or keyboard shortcut.
@MaxGraey isn't crystal clear to me.
Does that mean <script>console.log('something');</script>
should be logged in atom inspector? Because that the thing I'm also looking for.
Thanks.