1. ホーム
  2. html

[解決済み] Chromeの拡張機能のポップアップウィンドウを拡大する方法

2022-02-18 07:47:12

質問

拡張機能ボタンをクリックしたときに表示されるポップアップウィンドウを拡大したいのですが。

(ポップアップウィンドウを赤い部分まで拡大したい。)

以下は、ポップアップを表示するために使っているコードです。


< style type="text/css" >
body {
  min-width: 1005px; /* your desired width */
  max-width: 100%;
  position: relative;
  vertical-align:middle;
}
< /style >

< iframe src="http://stackoverflow.com" width="100%" height="100%" scrolling="auto" > < /iframe >

width: 1280px; height: 800px; を試してみましたが、うまくいきません。正しく動作していません...。

UPDATEしてください。 同じような質問(重複しているかもしれませんが)。 クロームエクステンション、ポップアップウィンドウの高さについて

解決方法は?

Chrome拡張機能のポップアップには 高さ600pxまで 横幅は最大800pxまで。 htmlやbody要素にCSSで幅や高さを変更しても、これらの最大値を超えると(お気づきのように)スクロールバーが発生するだけです。 以下のような方法で window.resizeBy(x,y) は効果がありません。

CSSでスクロールバーを隠すことはできますが、その場合、Chromeが課す最大値よりもページが大きくなるため、期待する効果は得られません。

内蔵のポップアップを使用する代わりに、ブラウザ/ページアクションがクリックされたときにページ内のJavaScriptダイアログ/モーダルを使用するのも1つの方法かもしれません。

類似の質問に対する参考文献をいくつか紹介します。

http://groups.google.com/a/chromium.org/group/chromium-extensions/browse_thread/thread/9c921612e2692376

Chromeの拡張機能でポップアップの最大幅を大きくする?