Sprawdzenie czy element został wyświetlony [js]

Question

Witam

Szukam rozwiązania w js aby móc sprawdzić czy dany element został wyświetlony, używałem funkcji onload ale ona po pierwsze nie sprawdza takich tagów jak <div>, <p>, <span> po drugie tylko dostaje dane, że został element pobrany lub wczytany co nie oznacza, że faktycznie został pokazany

problem polega na tym, że przy dużej ilości danych często element zostaje pobrany i wczytany ale nie pokazuje się od razu na ekranie tylko z opóźnieniem i nie wiem jak mógłbym sprawdzić czy faktycznie został zrenderowany przez przeglądarkę

Wcześniej już zadałem podobne pytanie ale źle je sformowałem, bo chodziło mi o zrendowanie przez przeglądarkę Pytanie

Comments

Pokaż kod może coś podpowiem odnośnie przyśpieszenia. Jeśli nie możesz pokazać to w F11  masz zakładkę wydajność. Możesz sprawdzić ile czasu zajmuje renderowanie a ile wykonywanie JavaScript. Być może szukasz problemu tam gdzie go nie ma ;)

Answer 1

czy faktycznie został zrenderowany przez przeglądarkę

Prędzej czy później będzie, albo przeglądarka się wywali :P Zgaduję że masz na myśli: chcesz coś zrobić JSem, po tym, jak renderowanie się zakończy?

StackOverflow mówi że nie można: https://stackoverflow.com/a/21043017/2468469

Ode mnie, poza tym niepewnym setTimeout()em, możesz jeszcze spróbować użyć `getComputedStyle()`, `.offset___` lub podobnych getterów, co przynajmniej wymusi synchroniczny reflow i zagwarantuje że w tym miejscu skryptu element już wie gdzie jest, ale AFAIK wciąż nie gwarantuje że nowa klatka z tym elementem została już wyrenderowana i wyświetlona.

Natomiast najlepiej spróbować uniknąć takiej sytuacji :P Jeśli to "opóźnienie" jest widocznie zauważalne, to musisz dodawać jakąś strasznie dużą liczbę elementów - one w ogóle mieszczą się na ekranie? Może da się dodać tylko część, leniwie?

Answer 2

element...nie pokazuje się od razu na ekranie tylko z opóźnieniem i nie wiem jak mógłbym sprawdzić czy faktycznie został zrenderowany przez przeglądarkę

Raczej nie możesz sprawdzić bezpośrednio czy przeglądarka wyrenderowała coś tam ale jeśli ładujesz to do jakiegoś diva to możesz np sprawdzić jego wysokość i na tej podstawie ustalić czy się wyrenderowało.. Chociaż jak ładujesz tak mega dużą ilość elementów, że przeglądarka laguje się w momencie wyświetlania tego to równie dobrze ten skrypt może się ściąć.. ciężko przewidzieć.

Twój prawdziwy problem to raczej, że wyświetlasz na raz tak dużą ilość elementów, że przeglądarka nie ogarnia ^^