Categorias
iiiiii
Abrir navegador con capacitor ionic 7
Descripcion
como abrir navegador con capacitor ionic 7
Nota
1.instalar capacitor:
npm install @capacitor/browser
ionic build
npx cap sync
html
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
Blank
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Blank</ion-title>
</ion-toolbar>
</ion-header>
<div id="container">
<strong>Ready to create an app?</strong>
<ion-button (click)="openbrowser()" expand="block" fill="clear" shape="round">
open navegador
</ion-button>
</div>
</ion-content>
typescript
import { Component } from '@angular/core';
import { Browser } from '@capacitor/browser';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
//no es necesario llamarlo desde el contructor
constructor() {}
async openbrowser(){
await Browser.open({ url: 'http://capacitorjs.com/' });
}
}