uniapp中plus.webview.create的appendfilejs如何使用

在uniapp中使用plus.webview.create创建webview时，如何正确使用appendfilejs参数？我尝试按照文档将本地js文件附加到webview，但似乎没有生效。能否提供一个具体的使用示例，说明appendfilejs支持的路径格式和注意事项？比如是否需要绝对路径，文件是否需要预先加载等。另外这个功能在Android和iOS平台上是否有差异？

2 回复

在uniapp中，使用plus.webview.create时，appendfilejs参数用于向新创建的webview注入JS文件。示例：

plus.webview.create('url', 'id', {
  appendfilejs: '_www/js/inject.js'
});

这样会在webview加载时自动执行inject.js文件。


在 UniApp 中，plus.webview.create 用于创建新的 Webview 窗口，而 appendFileJS 参数用于向 Webview 中追加 JavaScript 文件，以扩展其功能。以下是具体使用方法：

基本语法

var webview = plus.webview.create(url, id, styles, { appendFileJS: 'file.js' });
  • url: Webview 加载的页面地址。
  • id: Webview 的唯一标识符。
  • styles: 窗口样式（如宽度、高度等）。
  • appendFileJS: 指定要追加的 JavaScript 文件路径（支持本地路径，如 _www/js/file.js）。

使用步骤

  1. 创建 Webview 并追加 JS 文件：

    var wv = plus.webview.create('https://example.com', 'webview1', {}, {
  appendFileJS: '_www/js/custom.js'
});
wv.show(); // 显示 Webview
    • 这里 custom.js 会被自动注入到 Webview 中，并在页面加载时执行。

  2. 注意事项：

    • 文件路径需基于应用根目录（如 _www）。
    • 追加的 JS 文件可用于修改页面行为、注入全局函数或处理事件。
    • 确保文件存在，否则可能无效果。

示例代码

假设在 js/custom.js 中定义函数：

// custom.js 内容
console.log('注入的 JS 已执行！');
alert('Hello from appended JS');

创建 Webview 时会自动加载并执行此脚本。

其他说明

  • 如果需动态追加 JS，可使用 webview.evalJS() 方法执行代码。
  • appendFileJS 仅在创建时生效，适用于初始化注入。

通过以上方法，您可以轻松扩展 Webview 的功能。如有更多问题，欢迎继续询问！

回到顶部