ionic----浏览器打开连接功能

在APP应用中，我们可能需要点击图片打开浏览器打开链接的一些功能：

（这个应用是基于cordova的插件来实现）

实现方法其实很简单：

  一、进入该项目目录，安装插件。

ionic plugin add cordova-plugin-inappbrowser

插件详情：https://www.npmjs.com/package/cordova-plugin-inappbrowser

二、给广告效果添加点击事件。

       如：

$scope.open=function () {       window.open('http://baidu.com', '_blank', 'location=yes');   }

三、参考资料：

1.资料地址https://www.npmjs.com/package/cordova-plugin-inappbrowser

2.   window.open(url, target, options);

   2.1  url：声明了要在窗口中显示的文档的 URL地址。

   2.2  target：

             _blank -- 在新窗口中打开链接  

             _self -- 在当前窗体打开链接,此为默认值

             _system：在系统的Web浏览器中打开。

   2.3  options：

                   可选，默认为： location=yes

            如：

               window.open('http://baidu.com', '_blank', 'location=yes');


    2.3.1 所有的平台都支持以下值：

                location：设置为yes或no，打开InAppBrowser地址栏中打开或关闭。

                 hidden：设置为yes以创建浏览器和加载页面，但没有表现出来。该loadstop事件触发时加载完成。省略或设置为no（默认值）让浏览器打开并正常加载。

 
          如：     

               window.open('http://baidu.com', '_blank', 'hidden=yes');


      2.3.2 仅适用于Android：

                 clearcache：设置为yes有浏览器的cookie缓存中清除打开新的窗口前。

                  clearsessioncache：设置为yes有会话cookie缓存中清除打开新的窗口前。

                  zoom：设置为yes，以显示Android浏览器的缩放控制，设置为不隐藏起来。默认值是yes。

                  hardwareback：设置为yes使用手机后退按钮通过InAppBrowser历史向后导航。如果没有前一页面，所述InAppBrowser将关闭。默认值是肯定的，所以如果你想后  退按钮直接关闭InAppBrowser则必须将其设置为no。

                 mediaPlaybackRequiresUserAction：设置为yes，以防止HTML5的音频或视频自动播放（默认为无）。

              2.3.3 仅适用于iOS：

                 closebuttoncaption：设置为一个字符串作为完成按钮的标题来使用。请注意，您需要自己本地化此值。

                  disallowoverscroll：设置为YES或NO（缺省值为NO）。开启/关闭的UIWebViewBounce属性。

                  clearcache：设置为yes有浏览器的cookie缓存中清除打开新的窗口前。

                  clearsessioncache：设置为yes有会话cookie缓存中清除打开新的窗口前。

                  toolbar：设置为yes或no打开工具栏或关闭InAppBrowser（默认为yes）

                  enableViewportScale：设置为yes或no通过元标记防止结垢视（默认为no）。

                  mediaPlaybackRequiresUserAction：设置为yes，以防止HTML5的音频或视频自动播放（默认为no）。

                  allowInlineMediaPlayback：设置为yes或no，允许在线HTML5的媒体播放，浏览器窗口，而不是特定于设备的播放界面内显示。该HTML的视频元素还必须包括

                  WebKit的playsinline属性（默认为no）

                  keyboardDisplayRequiresUserAction：设置为yes或no当表单元素通过JavaScript  focus() 调用（默认为yes）接收焦点打开键盘。

                  suppressesIncrementalRendering：设置为yes或no等到所有新视图的内容被渲染（默认为no）之前收到。

                  presentationstyle: 设置为pagesheet（它的宽度是固定的768点，在iPad竖屏情况下则全屏呈现）, formsheet （它的是固定的540x620点，无论是横屏还是竖屏情况下呈现尺寸都不会变化。）或者fullscreen（全屏状态，是默认呈现样式，iPhone只能全屏呈现。），设置演示风格(默认为fullscreen).

                  transitionstyle：设置为fliphorizontal、crossdissolve或coververtical设置过渡方式（默认为coververtical）。

                 toolbarposition：设置顶部或底部（默认为底部）。原因工具栏是在窗口的顶部或底部。

     2.3.4 仅适用于Windows：


                fullscreen: 设置为yes就会创建一个没有边框的浏览器控件，请注意，如果指定 location=no的话，也就没有呈现给用户关闭选项卡窗口的控制。