Как узнать цвет BODY стороннего сайта?

Question

[McBernar]

Привет.

Слушайте, а есть какой-то верный способ автоматически узнать цвет BODY у любого сайта? Что-то никак не могу придумать. Можно, конечно, парсить CSS, но сделать универсальную штуку не получится, потому что нет единого стандарта организации стилей, да и стили в HEAD или вообще инлайн никто не отменял.

Answer 1

[Anton fon Faust]

phantomJs + getComputedStyle

Comments

[m0nym]

скорее SimplerJS, а не PhantomJS

[Anton fon Faust]

m0nym, может, с slimerJS?)

[m0nym]

Anton fon Faust, может.

Answer 2

[xmoonlight]

phantomJs -> IMG -> https://lokeshdhakar.com/projects/color-thief/

Answer 3

[ⓒⓢⓢ]

тоже интересно стало, набросал черновик, через phantomJs
рендер промахивается частями и медленный жутко, но цвета забирает
https://codepen.io/jrkdv/pen/pZrepe?editors=0010

а вы знали, что на хабре 42 цвета используется только для текста? =)

Answer 4

[Ihor Bratukh]

Узнать как раз таки не проблема

// jQuery
$('body').css('background-color')

// Plain JS
getComputedStyle(document.body)['background-color']

Проблема кинуть ajax запрос из браузера на другой домен у которого нет CORS.

Comments

[McBernar]

Речь как раз о стороннем ресурсе — как к computed получить доступ или с какой стороны вообще зайти.

[Anton fon Faust]

McBernar,
можно еще открыть в iframe, а дальше iframe.contentWindow.getComputedStyle(iframe.contentWindow.document.body)

[McBernar]

Anton fon Faust, Нельзя открыть чужой сайт в iframe.

[Anton fon Faust]

McBernar, можно, если не установлен 'X-Frame-Options': 'deny'|'sameorigin' и т.д.

[McBernar]

Anton fon Faust, Очень у многих установлен.