MW211 EXIT

devlog
IE8/プルダウンメニューの横幅
2012年12月09日
プルダウンメニューを選択しようとすると、横長の文字も全て表示してくれる。
最近のブラウザ(IE9、Firefox、Chromeなど)では当たり前のことでも、
ひと昔前は当たり前じゃなかった(IEだけ?)。

とにかくIE8で文字長の長い選択肢がプルダウンメニューにあると
選択しようとするときに後ろの方が尻切れになってしまう。

これは仕方がない。

JavaScriptで対応できなくはないが、いろいろとめんどくさそうだし
完璧に対応できるかも疑問。

嵐が去る(IE8が絶滅する?)のを待つ他ない?
分類:ブラウザ
IE/JavaScriptをローカルで実行する時の警告文
2012年05月15日
Internet Explorerで、ローカルファイルを開いた時に、
そこにJavaScriptが実装されていると、いちいちメッセージが表示されて
JavaScriptの実行が制限される。

IE8以前だと以下のようなメッセージが表示される。
┌──────────────────────────────────────┐
│セキュリティ保護のため、                                                    │
│コンピュータにアクセスできるアクティブコンテンツは表示されないよう、        │
│Internet Explorerで制限されています。                                       │
│オプションを表示するには、ここをクリックしてください..                      │
└──────────────────────────────────────┘
IE9だと以下のようなメッセージが表示される。
┌──────────────────────────┌──────────┐┐
│スクリプトやActiveXコントロールを実行しないよう、   │ブロックされている  ││
│               Internet Explorerで制限されています。│コンテンツを許可する││
└──────────────────────────└──────────┘┘

これは、既定で制限設定となっているからだ。

【ローカルファイルでJavaScriptが使えない(既定)件】
メニューバーから「ツール」→「インターネットオプション」を選択し、
以下のように適用
┌──────────────────────────────────────┐
│インターネットオプション                                                    │
├──────────────────────────────────────┤
│                                                                ┌────┐│
│                                                                │詳細設定││
│┌───────────────────────────────┘        ││
││┌設定────────────────────────────────┐││
│││■セキュリティ                                                      │││
│││  ■マイコンピューターのファイルでのアクディブコンテンツの          │││
│││                                                    実行を許可する*│││
││└──────────────────────────────────┘││
││  *Internet Explorerの再開後に有効になります。                         ││
│└────────────────────────────────────┘│
│                                                    ┌──┐┌──┐┌──┐│
│                                                    │ OK ││    ││適用││
│                                                    └──┘└──┘└──┘│
└──────────────────────────────────────┘
分類:ブラウザ
JavaScriptの長時間の処理を実行した場合の挙動
2012年05月07日
ブラウザにより以下のように違う。
────────────────────────────────────────
【IE9】(しばらくしてからブラウザをクリックした場合)
  (ケース1)
    #単純に永久ループさせるとこの現象となる模様
      (ケース2)よりも程度がひどい場合にこちらのメッセージになる模様
┌────────────────────────────┌────────┐┐
│■■が応答しません。                                    │Webページの回復 ││
└────────────────────────────└────────┘┘
  (ケース2)
┌────────────────────────────┌────────┐┐
│■■は、長時間実行中のスクリプトが原因で応答しません。  │スクリプトの停止││
└────────────────────────────└────────┘┘
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
【IE4~IE8】(しばらくして自動でダイアログが開く)
┌──────────────────────────────────────┐
│Microsoft Internet Explorer                                                 │
├──────────────────────────────────────┤
│このスクリプトの実行を中止しますか?                                        │
│                                                                            │
│このページのスクリプトが、Internet Explorerの実行速度を遅くしています。     │
│スクリプトを実行し続けると、                                                │
│コンピューターが反応しなくなる可能性があります。                            │
│スクリプトを中断しますか?                                                  │
│                  ┌────────┐┌────────┐                  │
│                  │      はい      ││     いいえ     │                  │
└──────────────────────────────────────┘
JavaScriptの処理が重い(もしくは永久ループ)
http://support.microsoft.com/kb/175500/ja
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
【Firefox11】(しばらくして自動でダイアログが開く)
┌──────────────────────────────────────┐
│警告:応答のないスクリプト                                                  │
├──────────────────────────────────────┤
│このページのスクリプトは処理に時間がかかているか応答しなくなっています。    │
│今すぐスクリプトを停止するか、このまま処理を続行させるか選択してください。  │
│  スクリプト:http://…                                                      │
│  □次回からは確認しない                                                    │
│                  ┌────────┐┌────────┐                  │
│                  │   処理を続行   ││スクリプトを停止│                  │
└──────────────────────────────────────┘
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
【Chrome18】(しばらくして自動でダイアログが開く)
┌──────────────────────────────────────┐
│ページ応答なし                                                              │
├──────────────────────────────────────┤
│次のページは応答していません。                                              │
│応答があるまで待つか、強制終了してください。                                │
│┌────────────────────────────────────┐│
││xxxx.htm                                                                ││
└──────────────────────────────────────┘
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
【Safari5】(反応なし)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
【Opera11】(反応なし)
────────────────────────────────────────
分類:ブラウザ
InterneteExplorer/submitボタンの配置注意
2012年04月27日
IE(IE9)の場合、form中にカーソルがあると、カーソルあるところと共に
そのformに属するsubmitボタンが強調される。
  ・カーソルのあるところ                          →外太枠&内点線枠
  ・カーソルのあるところが属するformのsubmitボタン→外太枠
また、これ(submitボタン)が複数あった場合は、最初のボタンが強調される。

きっと、submitする時はここを押してねっていう
アピールかなんだろうけどなんか余計な感じだ。

CSSとかで回避する方法は今のところわからないが、
submitボタンを、buttonボタンにして、
JavaScript側でsubmit()することで回避することはできる。
#但し、この場合、送信されていたsubmitボタンのラベル名が
  (buttonボタンのラベル名としては)送信されなくなるので注意。
  別途hidden属性かなんかで代替する必要あり

submitボタンだろうが、buttonボタンだろうが、JavaScriptで制御するから
どっちでもいい、なんて適当に配置していると、
IEの場合にボロが出る(不自然な位置の第一submitボタンが強調される)という
結構危険な問題だ(初期設計時に心得ておいた方がよい)。
分類:ブラウザ、HTML
IEのバグ
2012年04月25日
IE8で、文字サイズを「最大」にしてから「中」に戻すと、
ファイルアップロード用のボタン名が大きいまま元に戻らない。
#普通のボタンでは起こらない、ファイルアップロード用ボタンのみの問題

IE9ではなおっている
分類:ブラウザ
ブラウザ/戻るボタンの挙動
2012年04月23日
┌──────────────────────────────────────┐
│<meta http-equiv="Pragma"        content="no-cache"/>                       │
│<meta http-equiv="Cache-Control" content="no-cache"/>                       │
│<meta http-equiv="Expires"       content="0"/>                              │
└──────────────────────────────────────┘
上記をHTMLヘッダ部(メタ部)に記述すると、ブラウザの戻るボタンで
一度表示済みの画面へ戻っても再読込してくれて最新の情報を取得してくれる。
#ま、逆にいえば、キャッシュを読んだ方が速いって話でもあるんだけど

ただし、Safariではこれは効かないようだ。
#ついでにIEでは、容量が小さい(32KB未満)と効かないようだ(効かなかった?)

さてそれはさておき、Chromeではこれらと趣が一風異なる。

なんと別途、入力欄に入力中の文字列を記憶しており、
再読込してくれて最新の情報を取得してくれた挙げ句、
以前に入力していた内容を上書してくれるのだ。

しかも、厄介なのは、name属性が配列で添字がない(例:name="id[]")と、
前詰めで復元されてしまうのだ。
つまり、三行目当たりに入力していたのに、戻ったら一行目に移動してたりするのだ。
しかも、元々一行目に値があったら上書きされてしまっているのだ。

まとめるとこんな感じ。
┌────────┬─────────┬─────────┐
│                │ 最新の情報を取得 │入力中だった内容を│
├────────┼─────────┼─────────┤
│InternetExplorer│       する       │    クリアする    │
├────────┼─────────┼─────────┤
│Firefox         │       する       │    クリアする    │
├────────┼─────────┼─────────┤
│Chrome          │       する       │     復元する     │
├────────┼─────────┼─────────┤
│Safari          │      しない      │   クリアしない   │
└────────┴─────────┴─────────┘
分類:ブラウザ
JavaScript/alertダイアログ
2012年01月21日
JavaScriptにて「alert()」でダイアログを表示した場合の
ブラウザによる挙動の違いは以下の通り。

・InternetExplorer
→タイトルは「Windows Internet Explorer」

・Firefox
→タイトルは特になし

・Chrome
→タイトルは「(URL) says: のページ」

・Safari
→タイトルは特になし
→メッセージ上部に「(URL)」を表示

・Opera
→タイトルは「JavaScript」
→メッセージ上部に「<(URL)>」を表示

※(URL)は現在開いているページのURL
分類:ブラウザ、JavaScript
ブラウザ/パスワード入力欄の選択
2012年01月04日
タブキーでカーソルを移動していった場合、
入力欄(inputタグのtext属性)に入力されている文字が反転して全選択状態になる。

でも、パスワード入力欄(inputタグのpassword属性)については、
InternetExplorerだけは仕様が違うらしく
全選択にはならず、入力欄先頭にカーソルが移動するだけ。
#Firefox、Chrome、Safari、Operaは入力欄同様全選択状態になる
分類:小ネタ、ブラウザ
ブラウザ/textareaの三角コーナー
2012年01月03日
一部のブラウザにおいて、textareaタグによる文字入力欄の右下の角に、
三角コーナーみたいなちょっとした領域がある。

これをクリックしてドラッグすると…。

入力欄が縮小・拡大するのでした。

実装状況としては、
  ×InternetExplorer
  ○Firefox
  ○Chrome
  ○Safari
  ×Opera
みたいな感じです。
分類:小ネタ、ブラウザ
ブラウザのリロード
2011年11月19日
なんだか、あいまいなので整理。

以下は同じ。(ただし、IEのみで確認)
  ・ブラウザ上のリロードボタン(を押す)
  ・「f5」
  ・「ctrl」+「r」

キャッシュをクリアしたい場合は以下
  ・「ctrl」+「f5」
分類:ブラウザ
前へ 1 2 3 次へ