JxBrowser如何调试前端js、css

Question

rt：最近项目里用了JxBrowser做一个管理工具，前端没有chrome的F12功能，不好调试，调试都是用alert进行，大家有没有什么好的办法实现像在chrome中调试js、css。

Answer 1

import com.teamdev.jxbrowser.chromium.Browser;
import com.teamdev.jxbrowser.chromium.BrowserPreferences;
import com.teamdev.jxbrowser.chromium.swing.BrowserView;

import javax.swing.*;
import java.awt.*;

/**

• This sample demonstrates how to use Chromium remote debugging feature.

*/
public class RemoteDebuggingSample {

public static void main(String[] args) {
    // Specifies remote debugging port for remote Chrome Developer Tools.
    BrowserPreferences.setChromiumSwitches("--remote-debugging-port=9222");

    Browser browser1 = new Browser();
    BrowserView view1 = new BrowserView(browser1);

    // Gets URL of the remote Developer Tools web page for browser1 instance.
    String remoteDebuggingURL = browser1.getRemoteDebuggingURL();

    JFrame frame1 = new JFrame();
    frame1.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    frame1.add(view1, BorderLayout.CENTER);
    frame1.setSize(700, 500);
    frame1.setLocationRelativeTo(null);
    frame1.setVisible(true);

    browser1.loadURL("http://www.google.com");

    // Creates another Browser instance and loads the remote Developer
    // Tools URL to access HTML inspector.
    Browser browser2 = new Browser();
    BrowserView view2 = new BrowserView(browser2);

    JFrame frame2 = new JFrame();
    frame2.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    frame2.add(view2, BorderLayout.CENTER);
    frame2.setSize(700, 500);
    frame2.setLocationRelativeTo(null);
    frame2.setVisible(true);

    browser2.loadURL(remoteDebuggingURL);
}

}