テレワークならECナビ Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!
無料ホームページ 無料のクレジットカード 海外格安航空券 海外旅行保険が無料! 海外ホテル


log

2008.09.21 その他:ブラウザ別サイト表示検証

今日はOperaとSafariブラウザをインストールして僕のサイトの
見え方を調べてみました。

Safariは特に問題無し。
というより、標準のフォントが少し太字で表示されるようになってて
とても見やすくて関心してしまいました。

Operaでも特に問題は無かったんだけど、
HTMLマリオでキーの長押しが効かず。
長押し入力が対応していないのだろうか。

ただ、Operaには独自のスタイルで表示するモードがあったり
クラスやIDを表示させたりするモードがあったりして
ウェブ開発をする人にとっては、とても楽しい
ブラウザだなという印象をうけました。
色々違うんだなぁ。

comment

たけなか 2008.09.21-08:39 Edit

FireFoxでみた場合に、DIVタグ内にあるFONTタグが
正常に機能していなかったので、FONTタグをDIVタグに
変更してみたらうまくいきました。

ひょっとして、FONTタグって危ういのだろうか。
CENTERタグも機能しないときとかあるし。
まぁ、あんまりその辺の詳しい事情は分かりませんが。

それに比べて、汎用性が高いおかげかDIVタグは安定していて
使いやすいです。

scientre 2008.09.21-10:11 Edit

Safari 3 (mac) ... ○
Firefox 2 ... △
Firefox 3 ... △
Opera 9.5 ... △
Opera 9.0 ... ×

なんで動かない?と思ったけど、Opera 9.0は2年前のブラウザだったのでいいや。

長押しが効かないのはonkeydownを使っているから。keydownイベントはキーが押された瞬間のみ発生する筈。字面からすれば。

IE, Safari 3でそのイベントが何度も発生するのは、キーリピートを拾ってしまっているせい。キーボードの設定からキーリピートの間隔を変えると、おっさんの動く速さも変化する筈。

そんなわけで
var isKeydown = false;
var tidKey;
document.onkeydown = function() {
 if (isKeydown) return;
 isKeydown = true;
 tidKey = setInterval(おっさんを動かす関数, 50);
};
document.onkeyup = function() {
 clearInterval(tidKey);
 isKeydown = false;
};
とこんな感じで。どのキーが押されたかの判定は入れてないので、あとは自分で。もしかしたら[←]を押して離す前に[→]を押して、それから[←]を離した、っていう場合に普通に書くとうまく動かないかもしれない。その場合は前に押されたキーが何かを記憶しておいて……

たけなか 2008.09.21-11:21 Edit

今までトップページの広告を消して表示してましたが
無料でお借りしておいて、それは無いなと思っていたので
IFRAMEを使って何とか広告を見栄えよく表示できるようにしました。
クリックしたい方は、どうぞ。

ちなみに、表示したくなかったから表示しなかったわけではないんですよ苦笑。
なぜか、表示させるとIEではコンテンツが全く表示されなかったので。

>scientre
おっさんを動かす関数にうけた笑
あとで調べてみます。
setIntervalだけど、IE以外うまく動かなかったので
使ってないんですよね。
おそらく記述が間違ってたんだろけど。
それにカウンタを1にしても、あんまり早くないので。

たけなか 2008.09.21-11:36 Edit

今ふと気がついたんだけど、
return命令って使えたんだ。知らなかった。(アホです
ナイスreturn。

post your comment

投稿フォーム
name
mail
url
comment
icon
アイコン一覧
del key