atom-html-preview icon indicating copy to clipboard operation
atom-html-preview copied to clipboard

Console output panel

Open MaxGraey opened this issue 9 years ago • 4 comments

Something like this:

preview-with-console

MaxGraey avatar Aug 02 '15 17:08 MaxGraey

+1

dhowe avatar Sep 17 '15 07:09 dhowe

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 avatar Oct 07 '15 01:10 Grimeh

@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.

chrahunt avatar Mar 27 '16 16:03 chrahunt

@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.

yamsellem avatar Oct 02 '16 10:10 yamsellem