我目前正在开发一个 Chrome 打包应用程序并且我正在使用 webviews,但是我在隐藏所述 webviews 上的滚动条方面没有成功。我试过使用溢出标签没有成功。
任何帮助将不胜感激。
我目前正在开发一个 Chrome 打包应用程序并且我正在使用 webviews,但是我在隐藏所述 webviews 上的滚动条方面没有成功。我试过使用溢出标签没有成功。
任何帮助将不胜感激。
尝试这个:
var appWin = null;
chrome.app.runtime.onLaunched.addListener(function(launchData) {
chrome.app.window.create(
'main.html',
{bounds: {width: 800, height: 400}},
function(win) {
appWin = win;
win.onBoundsChanged.addListener(onBoundsChanged);
onBoundsChanged();
}
);
}
function onBoundsChanged() {
var bounds = chrome.app.window.current.getBounds();
var webview = appWin.contentWindow.document.getElementById("#my_webview");
webview.style.height = bounds.height + 'px';
webview.style.width = bounds.width + 'px';
}
显然,如果您的窗口是固定大小(可调整大小:false),您不需要定义 onBoundsChanged 处理程序:您可以使用硬编码的尺寸直接在 chrome.app.window.create() 回调中调整 webview 大小已为您的窗口指定。
这是我在嵌入打包的 Chrome 应用程序时删除 webview 的滚动条所做的:
<html lang="en" style="overflow:hidden">
编辑:此代码位于 webview 引用的页面内 - 而不是打包的 chrome 应用程序内的代码。