Есть ли способ уменьшить загрузку ресурсов (файлов изображений/css и js) с помощью Javascript?

На самом деле я уже видел междоменный запрос jQuery .load здесь: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

Автор утверждает, что подобные коды найдены на той странице

$('#container').load('http://google.com'); // SERIOUSLY!

$.ajax({
    url: 'http://news.bbc.co.uk',
    type: 'GET',
    success: function(res) {
        var headline = $(res.responseText).find('a.tsh').text();
        alert(headline);
    }
});

// Works with $.get too!

должно сработать. (Код BBC может не работать из-за недавнего редизайна, но вы поняли идею)

По-видимому, он использует YQL, завернутый в плагин jQuery, чтобы добиться цели. Теперь я не могу сказать, что полностью понимаю, что он там делает, но, похоже, это работает и отвечает всем требованиям. Как только вы загрузите данные, я полагаю, что это просто вопрос фильтрации данных, которые вам нужны.

Если вы предпочитаете что-то, что работает на уровне браузера, могу ли я предложить платформу Mozilla Jetpack для облегченных расширений. Я еще не прочитал документацию полностью, но она должна содержать API, необходимые для работы.

Политика единого происхождения запрещает любой веб-странице получать доступ к содержимому любой другой веб-страницы в другом домене. так что в основном вы не можете этого сделать.

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

Safari, IE 6/7/8 — это браузеры, которые позволяют локальной веб-странице делать это через XMLHttpRequest (источник: Руководство по безопасности браузера Google), поэтому вы можете использовать один из этих браузеров для выполнения необходимых действий (обратите внимание, что будущие версии этих браузеров могут больше не позволять это делать) .

Часть этого решения я вижу только две возможности:

• Если веб-страницы, с которых вам нужно получить контент, каким-то образом контролируете вы, вы можете создать более простой интерфейс, чтобы позволить другим веб-страницам получать нужный вам контент (например, разрешив запросы JSONP).
• Если веб-страницы, с которых вам нужно получить контент, не контролируются вами, единственное решение, которое я вижу, — это получить контент на стороне сервера, выполнив вход с сервера напрямую (я знаю, что вы не хотите этого делать). так, но я не вижу никакой другой возможности, если предыдущие, о которых я упоминал, нецелесообразны)

Надеюсь, поможет.

Существуют различные способы сделать это в AJAX, я собираюсь показать способ jQuery для краткости как один из вариантов. , хотя вы можете сделать это и в ванильном JavaScript.

Вместо <iframe> вы можете просто использовать контейнер, скажем, <div> вот так:

<div id="description_container"></div>

Затем, чтобы загрузить его:

$(function() {
  $("#get_description_button").click(function() {
    $("#description_container").load($("input").val() + " #description");
  });
});

При этом используется метод .load(), который принимает строку в следующем формате: .load("url selector"), а затем принимает этот элемент в page и помещает ее содержимое в контейнер, который вы загружаете, в данном случае #description_container.

Это просто маршрут jQuery, в основном для иллюстрации того, что да, вы можете делать то, что хотите, но вам не нужно делать это именно так, просто показывая, что концепция заключается в получении того, что вы хотите, из запроса AJAX, а не в <iframe>.

Ваше описание звучит так, как будто вы загружаете страницы из того же домена (вы сказали, что вам нужно войти в систему и иметь учетные данные сеанса), поэтому вы пытались использовать асинхронный запрос через XMLHttpRequest? Он может пожаловаться, если html на странице особенно испорчен, но вы все равно сможете получить необработанный текст через .responseText и извлечь то, что вам нужно, с помощью регулярного выражения.