如何在 google 驱动器中隐藏标题栏和选项栏

Question

我想隐藏 google 驱动器中的顶部选项栏。我怎样才能做到这一点？我正在使用 cordova inAppBrowser 打开这个 link.

https://drive.google.com/file/d/0B_nipvep1WpPd2JXeDdJcUlNYXM/view

我想使用 embedded=true，但我不知道它是如何工作的。请看下图。

Answer 1

也许这会对你有所帮助

您必须等到您的 inAppBrowser 页面加载完成。

//Set css in your inAppstyle.css
.drive-viewer-toolstrip{
    display: none !important;
    opacity: 0 !important;
}

您必须添加一个事件侦听器：

var inApp = window.open('https://drive.google.com/file/d/0B_nipvep1WpPd2JXeDdJcUlNYXM/view', '_blank', 'location=no');
inApp.addEventListener('loadstop', function(){
    inApp.insertCSS({
        file: 'inAppStyle.css'
    },onSuccess);
});

将此路径用于您的 android 项目 file:///android_asset/{您的文件夹}

信息：https://github.com/apache/cordova-plugin-file/blob/master/doc/index.md#android-file-system-layout

你的JS

text += '<a href="javascript:void(0)" class="embedURL" onClick="cordova.InAppBrowser.open(\'drive.google.com/file/d‌/0B_nipvep1WpPd2JXeD‌dJcUlNYXM/view\', \'_blank\', \'location=no\')">' + data.docs[i].doc_title + '</a>';

已更新 JS

text += '<a href="javascript:void(0)" class="embedURL" onClick="openthislink(\'drive.google.com/file/d‌/0B_nipvep1WpPd2JXeD‌dJcUlNYXM/view\')">' + data.docs[i].doc_title + '</a>';

//Create new function
function openthislink(ln)
{
    var inApp = window.open(ln, '_blank', 'location=no');
    inApp.addEventListener('loadstop', function(){
        inApp.insertCSS({
            file: 'inAppStyle.css'
        },onSuccess);
    });
}

如何在 google 驱动器中隐藏标题栏和选项栏

How can I hide the heading and options bar in google drive

android

google-docs

cordova

inappbrowser