Question

我目前正在开发Chrome打包应用程序并且我正在使用网页浏览，但是我没有成功隐藏所述网页上的滚动条。我尝试过使用overflow标签但没有成功。

任何帮助都会受到欢迎。

Answer 1

试试这个：

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';
}

显然，如果你的窗口是固定大小（resizable：false），你不需要定义onBoundsChanged处理程序：你可以使用硬编码直接在chrome.app.window.create（）回调中调整你的webview大小您为窗口指定的尺寸。

Answer 2

这是我在嵌入式打包Chrome应用程序中删除webview的滚动条时所做的：

<html lang="en" style="overflow:hidden">

编辑：此代码位于webview引用的页面内 - 而不是打包的chrome应用程序中的代码。

Chrome打包应用程序中的Webview

2 个答案: