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 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
                    • Mykle1M Offline
                      Mykle1 Project Sponsor Module Developer @Zooooooom
                      last edited by

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

                      Thanks! I was missing the address from config.

                      You’re welcome mate

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 1
                      • 1
                      • 2
                      • 2 / 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