How to display javascript console.log in eclipse console?

Question

Title says it all. I am wondering if i can display javascript console.log in eclipse console rather than web browser's dev console?

Related: code.google.com/p/chromedevtools/issues/detail?id=43 — T.J. Crowder
– T.J. Crowder, Commented Jan 11, 2015 at 16:53
@T.J.Crowder Yeah, i actually read it, and was wondering if they made update after 2014. — ringord
– ringord, Commented Jan 11, 2015 at 16:55

Tom · Accepted Answer · 2021-02-13 00:42:31Z

Redirect javascript console.logs, in Java console

Here is my solution to get javascript console messages in Java (with SWT browser)

create shell SWT and SWT browser see: Shell + Browser
create custom function SWT see: call Java from JavaScript
Add listener on error events in javascript see: mdn event error
Override console object in javascript and call custom java function (2.)

Here is my example snippet:

import org.eclipse.swt.SWT;
import org.eclipse.swt.SWTError;
import org.eclipse.swt.browser.Browser;
import org.eclipse.swt.browser.BrowserFunction;
import org.eclipse.swt.browser.LocationAdapter;
import org.eclipse.swt.browser.LocationEvent;
import org.eclipse.swt.browser.ProgressListener;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;

public class Snippet307d3 {

    public static final Shell createShell() {
        final var display = new Display();
        final var shell = new Shell(display);
        shell.setText("Snippet DEBUG");
        shell.setLayout(new FillLayout());
        shell.setBounds(10, 10, 300, 200);
        return shell;
    }

    public static final Browser createBrowser(Shell shell) {
        try {
            return new Browser(shell, SWT.NONE);
        } catch (final SWTError e) {
            System.out.println("Could not instantiate Browser: " + e.getMessage());
            shell.getDisplay().dispose();
            System.exit(-1);
            return null;
        }

    }

    public static final void runShell(Shell shell) {
        shell.open();
        final var display = shell.getDisplay();

        while (!shell.isDisposed())
            if (!display.readAndDispatch())
                display.sleep();

        display.dispose();
    }

    public static void main(String[] args) {

        // -> Create shell
        final var shell = createShell();

        // -> Create browser
        final var browser = createBrowser(shell);
        browser.setJavascriptEnabled(true);

        // -> set HTML or use setUrl
        browser.setText(createHTML());
        // browser.setUrl(URL_DOCUMENT_HTML_TEST);

        // -> Create custom function
        final BrowserFunction function = new CustomFunction(browser, "theJavaFunctionDebugInEclipse");

        // -> Register function for cleanup
        browser.addProgressListener(ProgressListener.completedAdapter(event -> {
            browser.addLocationListener(new LocationAdapter() {
                @Override
                public void changed(LocationEvent event) {
                    browser.removeLocationListener(this);
                    System.out.println("left java function-aware page, so disposed CustomFunction");
                    function.dispose();
                }
            });
        }));

        // -> 6) Start shell
        runShell(shell);
    }

    private static class CustomFunction extends BrowserFunction {
        public CustomFunction(Browser browser, String name) {
            super(browser, name);
        }

        @Override
        public Object function(Object[] arguments) {
            for (final Object v : arguments)
                if (v != null)
                    System.out.println(v.toString());

            return new Object();
        }
    }

    private static String createHTML() {
        return """
                <!DOCTYPE>
                <html lang='en'>
                <head>
                <title>DEBUG SWT</title>
                <script>
                    const console = {
                        log : function(args) {
                            try {
                                theJavaFunctionDebugInEclipse('redirect > ' + args);
                            } catch (_e) {
                                return;
                            }
                        },

                        error : function(args) {
                            this.log(args);
                        },

                        exception : function(args) {
                            this.log(args);
                        },

                        debug : function(args) {
                            this.log(args);
                        },

                        trace : function(args) {
                            this.log(args);
                        },

                        info : function(args) {
                            this.log(args);
                        }
                    };

                    window.addEventListener('error', function(e) {
                        console.log(e.type + ' : ' + e.message);
                        console.log(e);
                    });
                </script>
                </head>
                <body>

                    <input id=button type='button' value='Push to Invoke Java'
                        onclick='function1();'>

                    <p>
                        <a href='http://www.eclipse.org'>go to eclipse.org</a>
                    </p>

                    <script>

                        // bad char sequence .. send error
                        eeeee

                        function function1() {
                            let result;

                            try {
                                // Call bad function java .. send log
                                result = badFunctionJava(12, false, null, [ 3.6,
                                        [ 'swt', true ] ], 'eclipse');
                            } catch (e) {
                                console.log('a error occurred: ' + e.message);
                                return;
                            }
                        }
                    </script>
                </body>
                </html>
                """;
    }

}

ringord · Accepted Answer · 2015-01-11 17:41:53Z

1

Just found an article regarding this.

This is How it works(For Window 7).

Install Node.js javascript engine at Node.js
Open your Eclipse, in the menu

Run->External Tools->External Tools Configuration
Create new launch configuration under program category.
Set

Location : C:\WINDOWS\system32\cmd.exe

Working Directory : C:\WINDOWS\system32

Argument : /c "node ${resource_loc}"
Now create new environment variable 'node' refers to node.exe file(wherever you installed)

All done.

edited Jan 11, 2015 at 17:41

answered Jan 11, 2015 at 16:59

ringord

9585 gold badges12 silver badges30 bronze badges

2 Comments

T.J. Crowder Over a year ago

That's great, but link-only answers aren't useful on SO. If you could summarize the main points and link, that would be useful.

ringord Over a year ago

I see, i will fix it soon.

Stewart · Accepted Answer · 2022-05-14 18:41:45Z

0

Further to @ringord's answer here, these would be the commands for your External Tools Configuration on Linux:

Location : /home/<user>/.nvm/versions/node/<version>/bin/node (or wherever you installed node)
Working Directory : /home/<user>
Arguments : ${container_loc}/${resource_name}

answered May 14, 2022 at 18:41

Stewart

18.8k10 gold badges60 silver badges89 bronze badges

Collectives™ on Stack Overflow

How to display javascript console.log in eclipse console?

3 Answers 3

Redirect javascript console.logs, in Java console

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Redirect javascript console.logs, in Java console

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related