如何使用 ionic 为我的网站创建一个简单的 webview

Question

我正在尝试使用 ionic 为我的网站制作一个简单的 webview 应用程序。
我所做的是

npm install -g 科尔多瓦

版本->9.0.0

npm install -g 离子

版本->5.0.3

ionic 启动 myApp 空白

cd 我的应用程序

ionic cordova 插件添加 cordova-plugin-ionic-webview

npm install @ionic-native/ionic-webview

现在我应该在哪里编辑文件。我只想放置我的网站链接，没有更多额外的功能。我找不到制作网络视图应用程序的好指南。我需要使用in-app-browser而不是 webview 吗？我错过了什么步骤吗？

cordova-plugin-ionic-webview说要查找<preference name="Hostname" value="app" />，我无法在config.xml应用程序的根目录中找到该代码。该代码位于哪里？

还建议哪个平台最适合跨平台 webview 应用程序。

Answer 1

我想您只是想显示现有的网站？Webview 并不意味着这样做，您可以简单地使用 iframe 例如

<ion-content>
    <iframe src="https://www.example.com"  style="width:100%;height:100%" scrolling="yes" ></iframe>
</ion-content>

或者如果您想在 safari 等外部浏览器中打开它，请使用 inAppBrowser 插件

在这里找到一个工作示例