自动跳转到 WebView 的某个部分

Question

我正在制作一个 Chrome 应用程序，并且我正在使用类似于 iframe 的 web 视图标签。

有没有办法将网页视图中的网页加载到一半？

我试过了：

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

但这似乎远非易事。我不相信它甚至可能。

谢谢

Answer 1

假设代码会执行（它不会因为CSP），window 将引用应用程序的页面，而不是嵌入的页面。

您需要在嵌入页面的上下文中执行代码。

如果您之前使用过 Chrome 扩展程序，您会知道与网页内容交互的部分称为Content Script。

应用程序对<webview> elements 有类似的概念。您可以预先声明哪些页面在加载时应该获取哪些内容脚本，也可以显式加载内容脚本。

所以，假设您有一个文件content.js，其内容如下（请原谅双关语）：

window.scroll(0, 150);

另外，假设您在应用页面中运行了一个脚本app.js，并且变量webview 是对其中<webview> 的引用。

然后，你可以让webview执行它：

• 以声明方式，通过调用webview.addContentScripts在加载页面（例如，在从app.js 代码设置src 之前）：

  // 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 更加复杂（例如，从应用程序接收命令）和/或更精确地控制您的操作时间 - 但目前这些是通用内容脚本问题您可以在其他地方找到解决方案或提出新问题。