“查看页面源代码”上的不可见html元素

Question

I am trying to read an html page in my java code using Jsoup library. This is the link to the page: http://www.alkhaleej.ae/

The part in the page that I am interested in is the horizontal menu bar at the top of the page (which has the news categories). When I right click on that menu bar and choose inspect element, the html elements of interest are visible to me under the tag <div id="MainMenuCenter"> . However, when I run my code, it turns out this tag is actually empty, and all the children of this tag get invisible. I also tried to view the complete document using "view page source" on the webpage. I surprisingly found this element empty (no children) as below.

<div id="MainMenuCenter">

</div>

Therefore, I am not able to access the information I need in my code. What is really going on? Did the developers hide the children of this element on purpose? Can you suggest a way to make the children visible to my code? Thank you.

Answer 1

You can retrieve the data by looking at the network traffic on

Inspect element -> Network

Check the traffic one by one or use the find tools. If you find the match data, you can re-obtain it by visiting the url who serve the data..

Maybe like: http://example.com/serve.php?category=car&page=1