Блог

Я создаю приложение Chrome и использую тег web view, который похож на iframe.

Есть ли способ загрузить половину веб-страницы, которая находится внутри веб-представления?

Я пробовал:

 <webview onLoad="window.scroll(0, 150)" class="test" src="http://example.co.uk/test.aspx"></webview>
  

Но, похоже, это было бы далеко не просто. Я не уверен, что это вообще возможно.

Спасибо

Предполагая на мгновение, что код будет выполняться (это не будет из-за CSP), window будет ссылаться на страницу приложения, а не на встроенную страницу.

Вам нужно выполнить код в контексте встроенной страницы.

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

Приложения имеют аналогичную концепцию для <webview> элементов. Вы можете либо заранее объявить, какие страницы должны получать какой сценарий содержимого во время их загрузки, либо вы можете явно загрузить сценарий содержимого.

Итак, предположим, у вас есть файл content.js со следующим содержимым (извините за каламбур):

 window.scroll(0, 150);
  

Кроме того, предположим, что у вас есть скрипт app.js , запущенный на странице вашего приложения, а переменная webview является ссылкой <webview> на нее.

Затем вы можете заставить webview выполнить его:

• Декларативно, вызывая webview.addContentScripts перед загрузкой страницы (например, перед настройкой src из app.js кода):

   // Assuming <webview id="wv"></webview>
  var webview = document.getElementById("wv");
  webview.addContentScripts([{
    name: "ExampleRule",
    matches: ["http://example.co.uk/*"], // can be as narrow as you wish
    js: ["content.js"]
  }]);
  webview.src = "http://example.co.uk/test.aspx";
    

• Явно, когда страница уже загружена:

   // Assuming <webview id="wv" src="http://example.co.uk/test.aspx"></webview>
  var webview = document.getElementById("wv");
  webview.executeScript({file: "content.js"});
    

Конечно, можно сделать content.js гораздо более сложным (например, получать команды из приложения) и / или более точно контролировать время выполнения вашей операции, но на данный момент это общие вопросы сценария содержимого, для которых вы можете найти решения в другом месте или задать новый вопрос.