Приветствую)
Пробую сделать браузер внутри сайта
iframe - идеально подходит для этого, но он отображает не все сайты (к примеру не отображает соцсети), а хотелось бы все, поэтому ищу другие способы
например такой
<html>
<head>
<script type="text/javascript" src="http://vta.aws.krysalix.com/vendors/public/js/jquery/1.8.2/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function Navigate(url)
{
// с помощью ajax отправляем на наш сервер запрос с адресом нужного сайта
url = 'http://vta.aws.krysalix.com/browser/navigate?url=' + url + '¶m=' + Math.random() + '&';
$.ajax({
type: "GET",
url: url,
dataType: 'json',
success: OnSuccessFunctionNav
});
}
function OnSuccessFunctionNav(data)
{
// в ответ получаем код того сайта и вставляем его в div
document.getElementById('divNav').innerHTML = data.response;
}
</script>
</head>
<body id="body">
<input type="text" id="txtUrl" value="http://www.rbc.ru" />
<input type="button" value="navigate" OnClick="Navigate(document.getElementById('txtUrl').value);" />
<div id="divNav" style="width: 1000px; height: 800px; overflow:scroll;">
</div>
</body>
</html>
с помощью ajax отправляем на наш сервер запрос с адресом
в ответ получаем код того сайта и вставляем его в div
но вместе с кодом того сайта мы получаем и его стили, и его ошибки
может можно как-то это исправить?
или есть еще какие-либо способы решения данной задачи?