How to open devTools for CEF? (WebUI plugin)

If you are using a engine built from source, you can use the solution I came up with.
But if you are using a release version, here are the steps you can debug your web:

  1. Add -cefdebug=port to commad line before you start your project.
    Note: If your unreal engine version is 4.27.2, the default port is 8088. And in version 5.3.1, there is no default port, so you must add commad line when you want to debug web.
  2. Create webwidget in your level
  3. Open Chrome(Edge), and open chrome://inspect(if you use edge, open edge://inspect)
  4. Add the localhost:port to Discover network targets
  5. Wait for several seconds, you can find your web can be inspected.
    image
1 Like