簡體   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