視覺網頁分割

Question

我有一個任務，我需要從視覺上分割一個網頁，這樣我才能夠計算DOM樹的各個層次上網頁兩段之間的距離。以簡單的方式，我希望能夠獲得包含頁面顯示在屏幕上的框。例如考慮這個圖像：Image to visual of DOM structure as on display

這個我畫了Chrome，它爲每個DOM節點提供了瀏覽器頁面顯示的對應矩形。如何在程序中獲取這些框，以便我可以根據屏幕上的外觀處理頁面。

Answer 1

我能夠通過使用QtWebkeit。它爲每個級別的DOM樹提供了geometry（）方法，並且還可以訪問CSS屬性。