繁体   English   中英

Chrome扩展程序弹出窗口可按用户调整大小

[英]Chrome extension popup resizability by user

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

popup.html是弹出窗口中的内容。
因此,为了对弹出窗口本身进行处理,我认为我必须使用popup.js的代码,但是在开始之前,我想知道是否可行。

先感谢您。

除了@wOxxOm的答案外,您还可以在弹出式正文中添加一个div并设置其resize CSS属性both

样式:

div {
  resize: both;
  overflow: auto;
}

HTML:

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

在此处输入图片说明

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM