• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 5.9k 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.
  • M Offline
    Mykle1 Project Sponsor Module Developer @Zooooooom
    last edited by Oct 15, 2017, 2:59 PM

    @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 Oct 15, 2017, 3:07 PM Reply Quote 1
    • B Offline
      broberg Project Sponsor
      last edited by Oct 15, 2017, 3:01 PM

      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 Oct 15, 2017, 3:07 PM

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

        M 1 Reply Last reply Oct 15, 2017, 3:11 PM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @Zooooooom
          last edited by Mykle1 Oct 15, 2017, 3:14 PM Oct 15, 2017, 3:11 PM

          @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 Oct 15, 2017, 10:52 PM Reply Quote 1
          • Z Offline
            Zooooooom @Mykle1
            last edited by Oct 15, 2017, 10:52 PM

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

            M 1 Reply Last reply Oct 15, 2017, 10:57 PM Reply Quote 0
            • M Offline
              Mykle1 Project Sponsor Module Developer @Zooooooom
              last edited by Oct 15, 2017, 10:57 PM

              @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 Oct 15, 2017, 11:02 PM Reply Quote 2
              • Z Offline
                Zooooooom @Mykle1
                last edited by Oct 15, 2017, 11:02 PM

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

                M 1 Reply Last reply Oct 15, 2017, 11:05 PM Reply Quote 2
                • M Offline
                  Mykle1 Project Sponsor Module Developer @Zooooooom
                  last edited by Oct 15, 2017, 11:05 PM

                  @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
                  • 1 / 2
                  1 / 2
                  • First post
                    8/11
                    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