离子如何隐藏地址栏和缩放

时间:2016-11-06 11:25:24

标签: android cordova ionic-framework

我正在尝试创建加载我网站移动版的应用。所以我使用离子和科尔多瓦Inappbrowser。这是我在app.js中的代码

.controller("ExampleController", function ($scope) {

    $scope.openCordovaWebView = function()
    {
         // Open cordova webview if the url is in the whitelist otherwise opens in app browser
         window.open('http://my-site.net','_self', 'locaiton=no', 'toolbar:no'); 
    };

     $scope.openInExternalBrowser = function()
    {
         // Open in external browser
         window.open('http://my-site.net','_system','location=no'); 
    };

    $scope.openInAppBrowser = function()
    {
         // Open in app browser
         window.open('http://my-site.net','_blank', 'locaiton=yes', 'toolbar:no'); 
    };
});

我正在尝试3种方法,但所有这些情况我都有地址栏和一些缩放工具右下角。您可以在下面的附件中看到它。

如何隐藏地址栏和缩放工具 谢谢! enter image description here

1 个答案:

答案 0 :(得分:4)

在你的代码中,我看到可能是一个拼写错误:

'locaiton=yes' 

而不是'location=no'

删除网址:

var ref = cordova.InAppBrowser('http://apache.org', '_blank', 'location=no');

删除整个工具栏:

var ref = cordova.InAppBrowser('http://apache.org', '_blank', 'toolbar=no');

要删除缩放:

缩放:设置为“是”以显示Android浏览器的缩放控件,设置为“否”以隐藏它们。默认值为是。

对于所有选项,请查看:https://github.com/apache/cordova-plugin-inappbrowser

或在官方:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/