Chrome扩展程序弹出式用户可以恢复

时间:2016-07-31 16:34:09

标签: javascript google-chrome-extension popup

我目前正在设计Chrome扩展程序 我希望弹出窗口的大小本身可由用户更改。

popup.html是弹出内容的内容 所以为了用popup本身做点什么, 我想我必须使用popup.js中的代码, 但在开始之前,我想知道是否可行。

提前谢谢。

2 个答案:

答案 0 :(得分:2)

除了@ wOxxOm的答案,您还可以在弹出框体中添加div并设置其resize CSS属性both

式:

div {
  resize: both;
  overflow: auto;
}

HTML:

<body>
  <div>
    I am div
  </div>
</body>

enter image description here

答案 1 :(得分:1)

扩展工具栏弹出窗口的边框不可调整大小,但您可以通过在弹出窗口的两侧添加3个瘦div元素(例如4px x 100%)来实现自己的功能,除了顶部,添加{ {1}}每个事件监听器将设置一个全局布尔标志,该标志将在mousedown处理程序中使用,并在mousemove中取消设置。例如,要实际调整弹出窗口大小,只需设置mouseup即可。要提供视觉提示,请在具有相应document.body.style.width = newWidth + 'px'规则的:hover个元素上添加div CSS。