MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    How can I see the HTML that being generated?

    Scheduled Pinned Locked Moved Development
    11 Posts 4 Posters 6.4k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Z Offline
      Zooooooom
      last edited by

      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?

      1 Reply Last reply Reply Quote 0
      • cowboysdudeC Offline
        cowboysdude Module Developer
        last edited by

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

        1 Reply Last reply Reply Quote 1
        • Z Offline
          Zooooooom
          last edited by

          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.

          Mykle1M 1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @Zooooooom
            last edited by

            @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

            Create a working config
            How to add modules

            Z 1 Reply Last reply Reply Quote 1
            • brobergB Offline
              broberg Project Sponsor
              last edited by

              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.

              1 Reply Last reply Reply Quote 1
              • Z Offline
                Zooooooom @Mykle1
                last edited by

                @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.

                Mykle1M 1 Reply Last reply Reply Quote 0
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @Zooooooom
                  last edited by 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

                  Create a working config
                  How to add modules

                  Z 1 Reply Last reply Reply Quote 1
                  • Z Offline
                    Zooooooom @Mykle1
                    last edited by

                    @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”

                    Mykle1M 1 Reply Last reply Reply Quote 0
                    • Mykle1M Offline
                      Mykle1 Project Sponsor Module Developer @Zooooooom
                      last edited by

                      @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.
                      

                      Create a working config
                      How to add modules

                      Z 1 Reply Last reply Reply Quote 2
                      • Z Offline
                        Zooooooom @Mykle1
                        last edited by

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

                        Mykle1M 1 Reply Last reply Reply Quote 2
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy