Remote Debugging ( Web Wallpaper )

This is a quick guide to help developers set up remote debugging using Google Chrome while developing Web-Wallpapers for Wallpaper Engine.

Introduction

This guide is intended to help developers while developing Web-Wallpapers for Wallpaper Engine. By using remote debugging, it is far more easier to debug complex javascript, instead of using 'alert("test")'.... Yes....we've all been there.

Setting up should only take a couple of minutes ( at most ). And after walking through this guide you should be able to use the Chrome Debug Tools for your wallpaper!

Settings

Open the Wallpaper Engine settings. ( by clicking on the 'cog' icon in the top right )

Go to the tab 'General'

Scroll down until you see 'CEF devtools port'. You can enter (almost) any number here, but remember a port can only be used once. Ports numbers that you should not use for example: ( 21, 80, 443 etc. )

In this guide I will use port '1337'. And you can use this one too.
(or use any random number that has at least 4 digits)

Enter this number in the text-box 'CEF devtools port' like this:



After you click on OK, you should be good to go.

Browser

Make sure your wallpaper is running in Wallpaper Engine.

Then open an instance of Google Chrome.

navigate to : ' http://localhost:1337/ '. Use the port number here you have set in the options in the previous step. If you used another port number, adjust the url accordingly.

It should load a white screen like this, listing the 'files' that are inspectable:
( Which in most cases will be the index.html file of your wallpaper )



Click on the Index.html.

You should now be able to debug the file, as if it was an normal website!

Hope this helped! If it didn't work, please make sure that:

- The Web Wallpaper you want to debug is loaded
- The port is not used by an other application ( change the port number a couple of times, and adjust accordingly in your url in the browser )

Feel free to comment below if you have any questions.

[Arthesian]

@Lord of RROD: Correct. MP4 is not supported because it's a propriety format (and costs a license fee to support for Wallpaper Engine)

Webm, Ogg, Ogv will work :) (You should be able to convert your video to these formats using tools)

[󠇩⁧󠀡]

Very useful.

Many thanks

[Lord of RROD]

It seems there is no errors in console for some reason. for example I have mp4 which likely because proprietary but I don't see anything about it in console of CEF.

[Arthesian]

@Hexxon:
https://steamcommunity.com/app/431960/discussions/1/2641874742485867956/

[hexxone]

When trying this with any wallpaper, sadly the site stays blank and I get these errors in the console: https://imgur.com/a/h6nmKaT

Anyone else with this issue? Maybe something broke in a recent WE update?

[Kellie at the lab]

Is there any way to do remote debugging on non-web wallpapers? I just want to see what my wallpaper's scripts are logging and it won't show in the log.txt :(

[dennis]

Thanks a lot :-)