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!

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.

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.