0

我使用 Ionic 框架创建了一个移动应用程序。我想在 ionic 上创建一个 webview。为此，我使用了 cordova-plugin-inappbrowser 插件。现在，这个插件可以工作了，但是插件不稳定。我想用 chrome 浏览器而不是默认浏览器创建 webview。为此，我使用了浏览器人行横道并删除了 cordova-plugin-inappbrowser 插件。但是现在，webview 无法正常工作。现在，当我同时使用浏览器人行横道和 cordova-plugin-inappbrowser 插件时，webview 看起来很糟糕。关于如何使用 chrome 浏览器创建 webview 的任何想法？

4

2 回答 2

1

如果我理解正确，您问的不是如何在 Ionic 应用程序中创建 webview，而是如何在手机的默认 webbrowser 中打开外部 url？

您可以通过使用cordova-plugin-whitelist插件来做到这一点。安装后，您可以设置几项，但我将在下面列出我使用的默认设置。这会导致所有外部项目在应用程序外部打开（所有这些都来自config.xml文件）：

<access origin="*"/>
<allow-intent href="http://*/*" launch-external="yes"/>
<allow-intent href="https://*/*" launch-external="yes"/>
<allow-intent href="tel:*" launch-external="yes"/>
<allow-intent href="sms:*" launch-external="yes"/>
<allow-intent href="mailto:*" launch-external="yes"/>
<allow-intent href="geo:*" launch-external="yes"/>

acces origin="*"告诉应用程序允许访问所有外部资源，*通配符也是如此。之后使用allow-intent属性launch-external集yes告诉应用程序使用该href属性指定的所有链接都应该在外部打开。

上面的代码确保所有外部网站、电话号码、短信、电子邮件甚至地理位置都在本机应用程序中打开。您需要确保您在应用程序中使用的所有链接都使用上面提供的格式。

于 2016-04-11T07:11:19.680 回答
0

您无法将 Chrome 嵌入到您的应用中。您不喜欢的美学是 InAppBrowser 的工具栏 - 您必须通过修改本机代码来自定义它。不幸的是，现在 InAppBrowser 没有提供用于自定义其工具栏样式的 API（我认为您不能利用“injectCSS”，但我可能会弄错）

于 2016-05-08T22:46:43.727 回答