- スポンサード リンク
lightwindowやgreyboxのFirefoxにおける問題点
正直、どのブラウザの動作が正しいのかは分かりませんが
遭遇した不具合についてメモする今日この頃。
自分が遭遇した不具合（バグ？）について調査しようと、ネットで結構調べたんですけど、現時点で情報があんまり無くて、あれー？みんなは別に困ってないのかなぁ、と思った次第なんですね。
なのでメモしておくわけですが、実は解決方法は分からない。という中途半端なメモではありますが、気になる人は気になる、ということで。
lightwindowやgreyboxでページ開いて閉じた後、戻れなくなる。
確認した中では、Firefox限定っぽいです。（つい最近リリースされたFirefox3でも同様）
１．Firefoxでlightwindowやgreyboxが使われたページに行く。
２．あざやかにリンクをクリック！
３．あざやかに閉じる
４．そしてブラウザの戻るが効かなくなる・・・・（javascript:history.back();も同様）
ということです。
考えられる原因
lightwindowやgreyboxは、基本的にはリンクを開くとiframeで処理します。
なので、リンクを開いた状態でブラウザの戻るの履歴を見ると、1個遷移しているのが分かります。
そこで、開いたリンクを閉じた場合・・・
例：
IEだと、増えた履歴が消える
Firefoxだと、履歴が残ったまま
という動作になります。
ここからは完全に推測なのですが、Firefoxの場合、追加して遷移したiframeがjavascriptで消された事によって、おかしくなった履歴がそのまま残り、該当ヒストリーに戻ったり進んだりすることが出来なくなるのかな、と、そう思ったんですがどうですかね？さすがにブラウザ内部の動作までは分かりようがないので、推測でしかないですが、概ねそんな感じかと。
なので、lightwindowやgreyboxを使う以上、今の所は解決方法無いかもなー、と思っています。
lightwindowの例外
ところが、lightwindowで同一ドメインへのリンクの場合、iframeを用いない為、ヒストリーが増えません。
結果、閉じた後でも戻れます。
まあ、ajaxでの取得なんで、同一ドメインでないとダメだし、css周りがかなり厄介なので、あまり現実的ではないのですが、条件付でFirefox対策する事は出来そうです。
あくまでも強烈に制限のある条件の下で、ですが。
結局バグなのかどうか？
この現象は「バグ」なんですかね？まあ正しく動作していないからバグといえばバグなんですけど、、、
- そもそもiframeを含んだDOMをjavascriptから何のためらいも無く削除出来て良いのか？
- 他のブラウザはiframeが消えた事によってヒストリをいじってくれるという動作は親切すぎて逆にバグを引き出す要因になってしまうのではないか？
というのが少し気になった点だったりします。
その辺の事情に詳しい方のご意見を頂いてみたい今日この頃。
関連項目
雑多なもの
- PNGを背景でrepeatさせたい時のIE6対策
- onloadイベントの呼び出しがhistory.backとかの時にブラウザ毎に挙動違うのが気になったので軽く調査
- 画像のフェードイン・フェードアウト（rico.js）
- 画像の上に画像を配置してフェード（透過）
- IE判定簡易版
- AjaxのresponseTextでSafariだけが華麗に文字化けする件
- FLASHの上に画像（レイヤー）を置きたい
- スムーズにページ内スクロールさせたい
- 半角英数の連続文字列を改行させたい
- フォームで条件によって項目を切り替え表示してみる
- jsファイルを動的に読み込む事について考える
- GoogleMapsがIEで表示されなかったりした場合
Ext.js
- とりあえずExt.js導入からダイアログ（アラート）表示までやってみる
- GridPanelを使ってXMLの内容を表示してみる
- GridPanelを使ってJSONの内容を表示してみる
- TreePanelを使ってみる
jquery
- IE6でもPNGで透過したいし簡単にロールオーバーさせたい
- 画像及びテキストのフェードイン・フェードアウト（jQuery）
- テーブルで1行毎に色を変えるアレ
- ちょっと変わったダイアログ的なものを表示する
- jQuery.jsとprototype.jsを同居させたい
- jquery.pager.jsを試してみる
lightwindow,greybox
SyntaxHighlighter
特別企画「犯人はヤス」
- 技術資料