Открыть сторонний сайт в «оболочке» (подробнее внутри)?

Question

[Stanislav]

В общем идея вот в чем: вы вводите ссылку на какую-нибудь страницу (сайт) и открываете ее "через" мой сайт в некой "оболочке", оболочка представляет из себя простой вид сайта, но с парой функциональных кнопок типа "сделать скриншот страницы" и т.д. По факту я хочу просто сделать юзер-френдли интерфейс для создания скриншота страницы. Никаких кропов и зумов. Также соответственно в этой оболочке нужно сохранить и функционал перехода по ссылкам.
Что самое первое приходит на ум - так это iframe, но он отпадает, т.к. сайты любят его блокировать.

Онлайн-анонимайзеры еще занимаются подобными вещами.
Хотелось бы узнать каким образом подобное можно реализовать, и интересно посмотреть уже реализованные решения.

Answer 1

[Ivanq]

Можно попробовать написать скрипт на сервере, который будет читать curl'ом страницу и магией менять в нем URL типа /contacts.html на

https://my-cool-site.ru/load.php?url=http://his-bad-site.com/contacts.html

. Проблема в том, что URL может встретиться где угодно: в JS Вы его можете не заметить:

var pr = "http";
var host = "his-bad-site.com/";
var path = "contacts.html";
location.href = pr + "://" + host + path; // Не отловите

Также URL может быть в CSS, и даже в PNG (правда, там вы его распознаете случайно, измените, сделаете невалидный PNG и получите от пользователей "Где мои котики?").

Сам пытался сделать, пришел к выводу, что сделать это И на клиенте, И на сервере нереально. Как вариант, правда, если нет активных изменений на странице, можно использовать PhantomJS на сервере и пересылать скриншот клиенту.

Answer 2

[WQP]

Расширение лучше напишите для браузера

Comments

[Stanislav]

У меня помимо этого функционала еще комплекс дополнительный есть, это не просто скриншоттер.