Topic: why is it that when my website is opened it sometimes looks black full blank in the browser?

Jhon Kitri free asked 2 years ago


Morning all, I want to ask,

On the website, I created 10 graphs that display the values ​​of several sensors that nodeMCU sends in realtime using mdbootstrap.

When the IoT website program code, I made only the value of 1 microcontroller to be displayed in graphic form, there was no blank screen. Meanwhile, if the program code makes a value of more than 1 microcontroller to be displayed in graphic form, a blank screen occurs when my IoT website is opened.

Why is it that when my website is opened it sometimes appears full black in black in the browser as shown in the 2 videos in the following link? (https://drive.google.com/drive/folders/1UXQmigm5hRo8tHitaGHo0k2Ul-2G6QPU?usp=sharing)

Where in the video my website is run using the xampp server and some is being run on the infinityfree server.


Mikołaj Smoleński staff commented 2 years ago

What do you mean by graph? It's the Chart component?

Keep coding!


Jhon Kitri free commented 2 years ago

Thank you very much for responding, I really appreciate your response. I have tried to practice the program code according to the reference you provided. But still a blank screen occurs when I open the website that I created in all browsers. My website uses HTML, css, js, php and mdbootsrap. Note: I use mdbootstrap only to create some charts on the website.

Here I attach the video link of the website recording which is black screen (https://drive.google.com/drive/folders/169GJ6c1lxVEBLaetsdplgxMe-bUSjNTd?usp=sharing).I have cut the video so that the video file size is not large. While I was waiting and while monitoring my website for about 4-5 minutes, the website suddenly got a black screen. After 3 seconds, the website is no longer black screen, but the black screen event repeatedly occurs for about 4-5 minutes.

I also attached the program code of my website at the following link(https://github.com/ngoding22/monitoring)

Is there a solution so that my website is not black screen?


Mikołaj Smoleński staff commented 2 years ago

I think here the problem is not connected with MDB itself, but with the project's architecture. You mentioned that you use php. Do you use any php framework in your project?

Keep coding!


Mikołaj Smoleński staff commented 2 years ago

Also, I suggest to move script tags to the end of the document (just before the body closing tag)

Keep coding!


Jhon Kitri free commented 2 years ago

My website doesn't exist using the framework. My website only uses PHP version 8.

Thanks Mikołaj Smoleński for your suggestion about moving the script tag to the end of the document (just before the closing body tag). I've also removed the developer information section on the website and left only the graphics section on the website using mdbootstrap. But my website is still black screen. Can anyone provide a solution? because I really need a solution for this problem.


Mikołaj Smoleński staff commented 2 years ago

Can you inspect the page and check existing elements in the DOM? Do you see any?

Keep coding!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.19.1
  • Device: Smartphone and Computer
  • Browser: all browser
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes