How can I see the HTML that being generated?

Zooooooom

I am trying to modify an existing module. In order to understand it, I would like to see the underlying HTML. Is there a simple way of doing that besides reading the code?

cowboysdude

Not sure what you’re after here… what module? Can’t answer a question without all the info here…

Zooooooom

I am trying to mess with CalendarExt, but I didn’t think that matters.
Doesn’t every module basically output HTML? I am thinking of something like hitting F12 to go into debug mode in a browser and then being able to view the DOM.

Mykle1

@Zooooooom said in How can I see the HTML that being generated?:

I am thinking of something like hitting F12 to go into debug mode

start the mirror using npm start dev

broberg

Yeah, it’s easier to understand how the modules displays if you check the output in a browser, so check the debug in your browser and cross-reference the DIV’s, names and ID’s to see what’s what.

Zooooooom

@Mykle1, that did it, thanks!

@broberg, is there a way to use a browser on my PC to view it? Looking at debug view is very slow over VNC.

Mykle1

@Zooooooom said in How can I see the HTML that being generated?:

is there a way to use a browser on my PC to view it? Looking at debug view is very slow over VNC.

http://192.168.1.20:8080/ - substitute your Pi’s ip address. You’ll likely have to Whitelist your PC’s ip address for this

Or, even better, run MM on your PC and do all your developing there. No lag

Zooooooom

@Mykle1 Thanks, I will try to get the web server working. Right now, it’s not responding. I tried adding “::ffff:192.168.1.1/120” and my exact ip address. I am just getting “unable to connect”

Mykle1

@Zooooooom

Well, if you don’t mind whitelisting all the devices on your network, this will work:

Try this at the very beginning of your config.js file, so it looks like this:

var config = {
	port: 8080,
        address: "0.0.0.0",
	ipWhitelist: [], // Set [] to allow all IP addresses.

Zooooooom

@Mykle1 Thanks! I was missing the address from config.