如何使用 ionic 为我的网站创建一个简单的 webview
How to create a simple webview using ionic for my website
我正在尝试使用 ionic 为我的网站制作一个简单的 webview 应用程序。
我做的是
npm install -g cordova
版本->9.0.0
npm install -g ionic
版本->5.0.3
ionic start myApp blank
cd myApp
ionic cordova plugin add cordova-plugin-ionic-webview
npm install @ionic-native/ionic-webview
现在我应该在哪里编辑文件。我只想放置我的网站 link,没有更多额外的功能。我找不到制作 webview 应用程序的好指南。我需要使用 in-app-browser
而不是 webview 吗?我是否遗漏了任何步骤?
cordova-plugin-ionic-webview 说要找 <preference name="Hostname" value="app" />
,我在应用程序根目录的 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 插件
查找工作示例here
针对您的问题
在您的 Ionic 应用程序中安装这些插件 doc
$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install @ionic-native/in-app-browser
在您的 app.module.ts 文件中导入不要忘记输入提供程序数组
在你想要的文件home.ts中,通过按钮绑定或直接调用
public openWebView(): void {
this.iab.create("https://www.example.com", "_blank");
}
感受美景:-)
我正在尝试使用 ionic 为我的网站制作一个简单的 webview 应用程序。
我做的是
npm install -g cordova
版本->9.0.0
npm install -g ionic
版本->5.0.3
ionic start myApp blank
cd myApp
ionic cordova plugin add cordova-plugin-ionic-webview
npm install @ionic-native/ionic-webview
现在我应该在哪里编辑文件。我只想放置我的网站 link,没有更多额外的功能。我找不到制作 webview 应用程序的好指南。我需要使用 in-app-browser
而不是 webview 吗?我是否遗漏了任何步骤?
cordova-plugin-ionic-webview 说要找 <preference name="Hostname" value="app" />
,我在应用程序根目录的 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 插件
查找工作示例here
针对您的问题
在您的 Ionic 应用程序中安装这些插件 doc
$ ionic cordova plugin add cordova-plugin-inappbrowser $ npm install @ionic-native/in-app-browser
在您的 app.module.ts 文件中导入不要忘记输入提供程序数组
在你想要的文件home.ts中,通过按钮绑定或直接调用
public openWebView(): void { this.iab.create("https://www.example.com", "_blank"); }
感受美景:-)