2008年9月 5日

Google Chromeでポップアップがうまく開かない

Google Chrome βがリリースされたので、早速入れていろいろなサイトを見てみました。
レンダリングエンジンにはSafariなどに使用されているWebKitとのことで、現行動いているサイトでHTMLのレイアウトの崩れはありませんでした。ただJavaScriptでポップアップ表示させているサイトで一部他のブラウザと違う挙動をしているところがあったのでメモ。

window.openでポップアップウィンドウを開いたあとに、サイズ調整や位置調整をしているJavaScriptの実行順序によってうまく機能しない場合がありそうです。
以下サンプル(このサイトをポップアップして、フルスクリーンにするJavaScript)

サンプル(×)
実行順序

  1. window.open
  2. window.resizeTo(screen.availWidth,screen.availHeight);
  3. window.moveTo(0,0);

画面左上でちょこんと。

サンプル(×)
実行順序

  1. window.open(width,height,left,top指定)

うまく行く人もいれば、いかない人も。

サンプル(○)
実行順序

  1. window.open
  2. window.moveTo(0,0);
  3. window.resizeTo(screen.availWidth,screen.availHeight);

ばっちり。

という結果となりました。
なので、サイズ指定でポップアップウィンドウを開きたい時は、

位置をずらしてから、
サイズを調整する

というのが良さそうです。


NAME
MAIL(not released)
WEBSITE

MESSAGE

※コメントは管理人が承認したものから公開されます。

archive

profile

神谷修平。1985年東京生まれ。2005年より都内プロダクションにて勤務後、2008年6月ARCHETYP inc.に移籍。
デザイン、フラッシュのコーディングを主に手がける。

/** footer */