介绍
cordova-plugin-crosswalk-inappbrowser是 Cordova 插件之一，能够让您使用 Crosswalk Webview 作为 InAppBrowser 的核心来打开网页。在有些情况下，DOM 和 CSS 样式可能与设备不兼容，导致用户体验不佳。通过使用 cordova-plugin-crosswalk-inappbrowser 插件，可以避免这样的问题发生，因为它会在应用中嵌入一个应用程序级别的Webview。
安装
要使用 cordova-plugin-crosswalk-inappbrowser，只需在 Cordova CLI 中运行以下命令即可。
cordova plugin add cordova-plugin-crosswalk-inappbrowser
用法
要使用 cordova-plugin-crosswalk-inappbrowser 打开链接，可以按照下面这个简单示例来实现。
var ref = cordova.InAppBrowser.open('http://google.com', '_blank', 'location=yes');在这个例子中，我们使用 cordova.InAppBrowser.open 方法来打开一个新的 InAppBrowser 窗口，然后将聚焦在 “google.com” 上。除了传入网址外，我们还传入了一个 '_blank' 字符串，这表示新窗口将在一个新的标签页中打开。最后，我们还传入了一个 location=yes 的字符串，这表示该页将显示位置工具栏。
除了上述基础用法之外，cordova-plugin-crosswalk-inappbrowser 还有许多其他功能。这个插件的完整 API 可以在 这里 中找到。
示例
下面是一个示例，演示如何使用 cordova-plugin-crosswalk-inappbrowser 来拦截 InAppBrowser 中的 URL。这个示例将用新的 URL 打开 InAppBrowser 窗口，并在用户关闭窗口时输出一个简单的消息。
-- -------------------- ---- -------
-------- -------- -
---------------------------------------- -------------- -------
-
-------- --------------- -
--- --- - ---------------------------------------------- --------- ----------------
--------------------------------- --------------- -
-- --------------------------------- -
------------
--- - ------------------------------------ --------- ----------------
-
---
---------------------------- ---------- -
------------------------- -----------
---
-在本例中，我们首先创建一个用于加载 DOM 的 onPageLoad 方法，并在 deviceready 事件触发时调用该方法。然后，我们调用 cordova.InAppBrowser.open 方法来打开一个新的 InAppBrowser 窗口，并传入三个参数：URL，窗口名称和位置参数。
当 InAppBrowser 中的页面载入完毕时，我们使用 addEventListener 来监听 InAppBrowser 内部的 loadstart 和 exit 事件。对于 loadstart 事件，我们使用正则表达式来判断 URL 是否贴合 example.com 的格式。如果 URL 符合这个模式，InAppBrowser 将被关闭，并再次调用 cordova.InAppBrowser.open 方法，该方法将传递一条新的 URL，并在一个新的窗口中打开这个 URL。最后，我们用 console.log输出一条消息，以告诉用户 InAppBrowser 以另一种方式完成了操作。
结论
通过使用 cordova-plugin-crosswalk-inappbrowser 插件，可以节约开发时间并改善用户体验。本教程介绍了如何安装和使用 cordova-plugin-crosswalk-inappbrowser，以及如何扩展插件以符合你的需求。如果您需要更多关于 Cordova 和其他技术的信息，请查阅其他文章或教程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733f890c4f727758367f