ionic 5 webview 상단 바 제거 toolbar

 

ionic 으로 웹 뷰를 제작할 수 있게 된다면...

웹으로 반응형 페이지를 제작하여

웹 페이지는 웹 페이지 대로 운영을 하고

ionic프레임워크 내부 화면에 인앱브라우저로 웹 브라우저를 띄우는 방식으로

웹앱을 공용하여 사용할수 있게 된다!

간단한 작업으로 앱을 혼용하여 개발할 수 있다니 너무 꿀이다!

 

 

아이오닉은 상단바에 < > x 버튼이 기본적으로 적용되어있다.

이를 속성으로 제거 할 수있는데 해당 소스는 아래와 같다.

 

 

  options : InAppBrowserOptions = {

    location : 'no',//Or 'no' 

    hidden : 'no', //Or  'yes'

    zoom : 'no',//Android only ,shows browser zoom controls 

    hideurlbar:'yes',//Or 'no'

    toolbar :'no',

    hidenavigationbuttons:'yes',

};



  openNotice(){

    const browser =  this.iab.create('https://웹 뷰 주소','_blank',this.options);

    browser.on('loadstart').subscribe(event => {    

    });

  }

 

visual studio 기능중

 

Ctrl+Shift+H

-> 찾을 문자 & 변경할 문자 입력

-> 이미지 버튼을 통하여 한번에 모든 페이지 소스를 변경 할 수 있다.