Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

FF wont display simple webpage from ESP8622 over LAN

  • No replies
  • 1 has this problem
  • 4 views
more options

Using an Espressif Systems ESP8622 Espressif Systems ESP8622 I am trying to delve into the IOT. A simple page I uploaded to the 8622 last night would not display in FF. (78.7.1esr running on 2009 MAcPro OS 10.11.6). The page - displaying data from a DHT22 Temp & Humidity sensor appeared very briefly in the FF browser only to be replaced by a “Connection was reset” dialog. The ESP8622 is over WiFi through my router where could see it. I could also Ping it. I tried the local IP on another Mac using Chrome and the page loaded and stayed up and ditto result on a Pi4 in Chrome. Possible cause - a setting in config? Somewhere I keep away from unless guided! Just in case it helps - Hoping someone can throw some light...

Steve

Just in case there's an element in the code FF does not like- webpage code is below:

def web_page():

 html = """<html><head><meta name="viewport" content="width=device-width, initial-scale=1">
 <style>body{padding: 20px; margin: auto; width: 50%; text-align: center;}
 .progress{background-color: #F5F5F5;} .progress.vertical{position: relative;
 width: 25%; height: 60%; display: inline-block; margin: 20px;}
 .progress.vertical > .progress-bar{width: 100% !important;position: absolute;bottom: 0;}
 .progress-bar{background: linear-gradient(to top, #f5af19 0%, #f12711 100%);}
 .progress-bar-hum{background: linear-gradient(to top, #9CECFB 0%, #65C7F7 50%, #0052D4 100%);}
 p{position: absolute; font-size: 1.5rem; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}</style></head>
 <body><h1>DHT Sensor</h1><div class="progress vertical">
 <p>"""+str(temp)+"""*<p>
 <div role="progressbar" style="height: """+str(temp_percentage)+"""%;" class="progress-bar"></div></div><div class="progress vertical">
 <p>"""+str(hum)+"""%</p>
 <div role="progressbar" style="height: """+str(hum)+"""%;" class="progress-bar progress-bar-hum"></div></div></body></html>"""
 return html

Modified by cor-el

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.