可视化网页分割
我有一个任务，需要对网页进行可视化分段，以便能够计算 DOM 树各个级别的网页两段之间的距离。以简单的方式，我希望能够获得包围屏幕上页面显示的框。例如，考虑这个图像： 显示的 DOM 结构的视觉图像
这是我使用 Chrome 绘制的，为每个 DOM 节点提供浏览器页面显示上对应的矩形。如何在我的程序中获取这些框，以便我可以根据页面在屏幕上的外观来处理页面。
I have a task where I need to segment a web page visually so that I may be able to calculate the distance between two segments of the web page at various levels of the DOM tree. In the simple way I want to be able to obtain the boxes that enclose the display of the pages on the screen. e.g. consider this image: Image to visual of DOM structure as on display
This I drew using Chrome, which provides for each DOM node the corresponding rectangle on the display of the page in the browser. How can I get these boxes in my program so that I can process the page based upon how it looks on the screen.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我可以通过使用 QtWebkeit 来做到这一点。它为 DOM 树的每个级别提供 Geometry() 方法以及对 CSS 属性的访问。
I was able to do so by using QtWebkeit. It provides for each level of DOM tree the geometry() method and also access to the CSS properties.