2017-01-04 7 views
0

ブラウザアクションからアイコンをクリックすると、クロムエクステンションのサイドバー "Popup.html"が表示されますが、ウェブサイト(zインデックス)と重なります。画面のどこでもマウスを使ってこのPOPupウィンドウをサイズ変更したり移動したりできます。 < "!DOCTYPE html>"を試しましたが、動作しません。マウスポインタでポップアップwinnowのサイズ変更の問題を解決する方法を教えてください。クロムエクステンション内のマウスからPOPUP.htmlページのサイズを変更する方法

実際には、マウスポインタ(手動のサイズ変更)でPOPUPウィンドウのサイズを変更したいと思います。 poupウィンドウの境界線にマウスを合わせ、左または右にドラッグして、ウィンドウのサイズを変更してください。

+0

トピックになる質問を編集してください:**完全** [mcve]を含めると*問題が重複します*。 * manifest.json *、背景/コンテンツ/ポップアップスクリプト/ HTMLの一部を含みます。デバッグの助けを求める質問(「**なぜこのコードは動作しないのですか?**」)には、以下が含まれていなければなりません:►必要な動作、►特定の問題またはエラー*、および►問題を再現するのに必要な最短コード自体**。明確な問題文がない質問は、他の読者にとって有用ではありません。参照してください: "**どのように[mcve] **を作成するか"、[ここで私はどんな話題を聞くことができますか?](http://stackoverflow.com/help/on-topic)、[ask] – Makyen

答えて

1

あなたはCSS resizeプロパティを使用するか(document.body.style.height = "300px"のようなもの)を動的にJSを経由してheight<body>widthを変更することができます。

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <style> 
    html, body { 
     resize: both; 
     overflow: auto; 
    } 
    </style> 
</head> 

<body> 
    <div>Test</div> 
</body> 

</html> 
+0

ご返信ありがとうございます。私は試しましたが、それは助けになりません。実際にはマウスポインタ(手動でサイズ変更)でPOPUPウィンドウのサイズを変更したいと思います。 poupウィンドウの境界線にマウスを合わせ、左または右にドラッグして、ウィンドウのサイズを変更してください。 – Rahul

+0

@Rahul、上記のhtmlを 'popup'ページとして使用している場合は、ポップアップの右下にある何かをクリックしてドラッグすることができますか? –

+0

@ハリバラ、もしあなたが私のサンプルエクステンションを添付したいのであれば、何の効果も見えません。 – Rahul

関連する問題