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

Question

我正在尝试创建加载我网站移动版的应用。所以我使用离子和科尔多瓦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种方法，但所有这些情况我都有地址栏和一些缩放工具右下角。您可以在下面的附件中看到它。

如何隐藏地址栏和缩放工具 谢谢！

Answer 1

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

'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/