Ionic framework 如何使用ionic为我的网站创建简单的网络视图

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

npm安装-g cordova

版本->9.0.0

npm安装-g爱奥尼亚

版本->5.0.3

离子启动myApp blank

cd myApp

ionic cordova插件添加cordova插件ionic webview

npm安装@ionic native/ionic webview

现在我应该在哪里编辑文件。我想把我的网站链接只，没有更多的额外功能。我找不到制作webview应用程序的好指南。我是否需要使用

应用程序内浏览器

而不是webview？我是否错过了任何步骤

说要查找

，我在应用程序根目录的

config.xml

中找不到该代码。那个密码在哪里

---

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

我想你只是想显示一个现有的网站？ Webview并不是要这样做的，例如，您可以简单地使用iFrame

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

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

---

找到一个针对您的问题的工作示例

在你的爱奥尼亚应用程序中安装这些插件

在app.module.ts文件中导入别忘了在提供者数组中输入

在所需文件home.ts中，使用按钮绑定或直接调用

 public openWebView(): void {
    this.iab.create("https://www.example.com", "_blank");
 }

---

体验美景：-）

是的，我想显示现有网站。在何处添加

iframe

code？新手到爱奥尼亚。为了澄清你所说的“webview不适用于此”，所以android webview也不适用于此？我添加了一个stackblitz示例。您应该将这个iframe代码放在页面的html部分。Webview不是显示网页，而是针对不同的操作系统优化Cordova应用程序。我认为您需要在代码中将

[src]

更改为

src

。你能告诉我如何使它看起来全屏，高和宽吗？[src]是如果你需要一个动态url。对于全屏，这取决于您使用的版本，请尝试在chrome中检查应用程序并更改CSS，直到获得所需内容。我尝试了

100vh

和

100vw

不工作，我使用的是ionic 5.0.3，你有什么建议吗？如何在inappbrowser中添加自定义标题？@Vijayakumar.V你知道怎么做吗？@GeorgioSayegh还不知道。

 public openWebView(): void {
    this.iab.create("https://www.example.com", "_blank");
 }