zoukankan      html  css  js  c++  java
  • [Ionic2] Device Interaction in an Ionic App with Cordova Plugins

    In this lesson, we are going to learn how to interact with native components through Cordova plugins. We will walk through how to add a Cordova plugin to our application and use it to interact with our native device. In this case, we are going to install a plugin that will allow us to open URLs in a mobile browser from within our Ionic app.

    When you use a link to open a webpage in mobile ionic app, you will find there is no way back to the app.

    <a href="https://google.fi">Go Google, you cannot come back this app any more</a>

    To solve that problem, we need to install a plugin:

    npm i --save-dev cordova-plugin-inappbrowser

    To check whether the plugin was successfully installed, you can do:

    ionic plugin

    it will list all the plugins you have installed fot the application.

    Now, let's try to open the link in browser instead of from app:

      <a href="https://google.fi">Go Google, you cannot come back this app any more</a>
      <button ion-button color="secondary" (click)="openInAppBrowser()">Open in browser</button>
      openInAppBrowser(){
        const url = "https://www.google.fi";
        window.open(url, '_system');
      }

    Now upload the application to ionic view:

    ionic upload

    From the mobile phone, sync to latest version.

    And we can confrim that, when we click the button, this time, mobile will open the browser to display the page.

  • 相关阅读:
    【原创】Java与数据结构(上篇:排序算法)
    【九度OJ】题目1084:整数拆分
    kaixin001接入
    Facebook接入(下)
    svn手册摘录
    Facebook接入(上)
    使用mysqldb从数据库中导出xml
    使用cmd模块,让脚本更舒服些
    django 的简单测试
    python字符串替换
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6009651.html
Copyright © 2011-2022 走看看