介绍
cordova-plugin-engage-injectview 是一个 Cordova 插件，用于将一个指定的网页或本地 html 文件注入到你的 Cordova 应用中。这个插件可以让你在你的应用中嵌入一个网页，从而让你可以更方便的开发交互性更高的应用。
安装
首先，你需要在你的 Cordova 项目中安装 cordova-plugin-engage-injectview 插件，通过以下命令：
cordova plugin add https://github.com/invisibel/cordova-plugin-engage-injectview.git
安装成功后，插件会被自动添加到你的 Cordova 项目中，并且可以通过 Cordova 的 API 进行引用。
使用
添加注入的 HTML 文件
首先，你需要创建一个 HTML 文件，这个文件就是你想要注入的网页内容。这个网页可以是你自己的网站，也可以是一个本地的 HTML 文件。请记住，这个 HTML 文件的路径应该是相对于 Cordova 应用的路径的。
例如，如果你的应用的根目录有一个名为 www 的文件夹，并且你想要注入的 HTML 文件位于 www/myapp.html 下，则路径应该为：
var filename = "www/myapp.html";
注入 HTML 文件
在你的 Cordova 应用中，你可以通过以下代码注入你的 HTML 文件：
-- -------------------- ---- -------
-- -- -------------------------------- -
--- ------------ - ------------------------------------
-- ----- ---- ----
--- -------- - -----------------
-- -- ----
--------------------------------- -
-------- -------- -- -
-- ---- ---- ------------------------
-
---控制注入的 HTML 文件
你可以通过以下代码来控制你注入的 HTML 文件：
// 调用这个方法，让注入的 HTML 页面向上滚动 EngageInject.scrollUp(); // 调用这个方法，让注入的 HTML 页面向下滚动 EngageInject.scrollDown(); // 调用这个方法，让注入的 HTML 页面停止滚动 EngageInject.stopScroll();
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ------ ------------------
----- --------------- --
----- ------------------------- ------------------- -------------- --
----- --------------- ---------------------------- ---------------- ----------------- --
-------
------
------- --------------------------------------
------- --------------------------
--------
-------- ------------ -
--- ------------ - ------------------------------------
--- -------- - -----------------
--------------------------------- -
-------- -------- -- -
-- ---- ---- ------------------------
-
---
-
---------
-------
-------结语
以上就是 npm 包 cordova-plugin-engage-injectview 的使用教程。通过使用这个插件，你可以方便的将一个指定的网页或本地 html 文件注入到你的 Cordova 应用中，从而让你可以更方便的开发交互性更高的应用。希望这篇文章可以对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005545981e8991b448d1a49