Zum Beispiel ist die stackoverflow-Website zentriert mit "whitespace", die die Breite meines 1920x1200-Bildschirms ausfüllt. Ich versuche Javascript oder jQuery-Code zu finden, um zu erkennen, wo verfügbarer Whitespace auf any -Website ist, und fülle ihn aus oder überlege ihn mit einem Bild oder div. Ist das überhaupt möglich?
Das wäre extrem schwierig. Sie würden es schwer haben, es auf eine Weise zuverlässig zu machen, die auf jeder Website funktionieren würde, sogar Websites, die Sie nicht kontrollieren.
Was Sie tun könnten, ist das gesamte DOM zu durchlaufen und das Rechteck herauszufinden, das jedes sichtbare Element aufnimmt - aber wie definieren Sie dann das Sichtbare? Manchmal ist das, was Sie als Leerzeichen sehen, ein div mit einem weißen Hintergrund, der über einem anderen div liegt, manchmal sehen Sie das nackte Körperelement, manchmal ist es leicht weiß oder eine andere Farbe, usw.
Es sieht so aus, als gäbe es Techniken, um das DOM zu analysieren und sie auf eine Arbeitsfläche zu rendern, auf die hier verwiesen wird. Verwenden von HTML5 / Canvas / JavaScript zum Erstellen von Screenshots
An dem Punkt, an dem Sie Ihre Leinwand haben, könnten Sie dann mit dem Scannen von Pixeln beginnen, um nach Bildschirmabschnitten zu suchen, die alle eine Farbe haben.
Siehe auch: Ссылка
Aktuelle beste Lösung:
%Vor%Dies funktioniert mit jedem Browser:)
Spaß beiseite, aber das ist sehr schwer zu tun, da Sie wirklich nicht wissen, ob whitespace = Leerzeichen oder verschwendeter Speicherplatz (oder = blackspace oder purplespace für diese Angelegenheit). Die Frage ist nicht, ob das Erkennen des Whitespace wichtiger ist, sondern wie wichtig es ist, das "div / image" auf dem Bildschirm zu zeigen. Würde es nicht zu einem zusätzlichen Durcheinander beitragen und die Dinge ein wenig abstoßen lassen?
Tags und Links javascript