Giter Site home page Giter Site logo

vsch / webviewdebugsample Goto Github PK

View Code? Open in Web Editor NEW
11.0 3.0 7.0 3.86 MB

Sample JavaFX WebView application for full featured debugging with Chrome Dev Tools

License: MIT License

Java 44.22% CSS 20.95% JavaScript 34.83%
javafx-webview-debugging javafx-webview

webviewdebugsample's Introduction

WebView Debug Sample

WebView Sample application with full featured Chrome Dev Tools debugging using JavaFx WebView Debugger library.

Build status Maven Central status

To try it out download the WebViewDebugSample.jar to an empty directory. The application will create public directory for its HTML page and resources and save a JSON file of script state into WebViewDebugSample.json in this directory.

java -jar WebViewDebugSample.jar

The application will launch and open the Javafx Web View Debugger Readme file as it was converted to HTML by Markdown Navigator plugin, out of laziness and because this page has enough script action to be a good example of debugger's use.

Using the context menu on the main page:

  1. click on the Start Debug

    Context Menu Start,

  2. On some Java you need to use the context menu to reload the page before connecting Chrome Dev Tools. (If you got an application crash after connecting Google Chrome tools without doing this step, then chances are good that this step is needed.)

  3. Click on the Copy Debug Server URL

    context-menu-copy

  4. open Google Chrome, paste the URL in its address bar and hit ENTER.

  5. Hit โŒ˜R on OS X or Ctrl+F5 on Windows/Linux to reload the page being debugged.

  6. Enjoy full featured debugging of JavaFX WebView!

main-screen

Context Menu Actions

  • Reload Pag : reload the current page
  • Reload Page & Pause: reload the current page and pause in debugger on script execution in the page body
  • Go Back: go to previous address in history
  • Go Forward: go to next address in history
  • Port: x : shows the current port
    • Change to: x-1: allows changing to previous port
    • Change to: x+1: allows changing to next port
  • Start Debugging: start debug web-socket server
  • Stop Debug Server: stop debug web-socket server
  • Copy Debug Server URL: copy the debug web-socket URL to clipboard

Available on Maven

<dependency>
    <groupId>com.vladsch.javafx-webview-debugger</groupId>
    <artifactId>webview-debug-sample</artifactId>
    <version>0.7.8</version>
</dependency>

webviewdebugsample's People

Contributors

vsch avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.