HTML 2.0 – 古くて新しい ブラウザ判別手法 サイボウズ・ラボ株式会社 竹迫 良範 id:TAKESAKO

いま、世界中で 大ブーム

HTML 2.0

突然ですが、HTML 2.0 Quiz の時間です。 <img src= &quot; 1.gif &quot; src= &quot; 2.gif&quot;> 表示される画像は？ (1) 1.gif が表示される (2) 2.gif が表示される (3) ブラウザによって異なる Answers. 【問題】

ブラウザ の バグ（仕様） を利用して、 ブラウザ判定できる？

【問題２】 <img &quot; src = &quot;1.gif&quot; / src = &quot;2.gif&quot; src x0c = &quot;3.gif&quot; /> (1) 1.gif が表示される (2) 2.gif が表示される (3) 3.gif が表示される Answers. -> firefox, Safari -> IE ※ 各ブラウザで異なる -> Opera

応用問題

print<<EOF; <img /src x00 =&quot;ie.gif&quot; /''src x00 =&quot;firefox1_5.gif&quot; /''src=&quot;firefox2_0.gif&quot; /&quot;&quot;src=&quot;gecko_others.gif&quot; &quot;s x00 rc=&quot;safari2.gif&quot; &quot;src=&quot;safari3.gif&quot; &quot;&quot;src=&quot;konqueror.gif&quot; src x00 =&quot;w3m.gif&quot; src x0c =&quot;opera.gif&quot; src=&quot;others.gif&quot; src=&quot;lynx.gif&quot; /> EOF

http://wafful.org Demo

Konqueror や Safari2 の判定もできるよ

JavaScript/CSS を使わない ブラウザ判別

lynx でブラウズした結果

w3m でブラウズした結果

Mozilla/5.0 (PLAYSTATION 3; 1.00) others.gif 昨日のアクセスログより判明

http://digg.com digg

921 diggs + 141 Comments （現在）

digg は大変なアクセス を 残していきました

digg のトップページに掲載（ 10/4 ）

before after 国別アクセス（ IP アドレス）ランキング

世界中から Nice な Comments が

どう見ても、 本当にありがとう ございました（ｒｙ 日本人です

ロシア語の紹介記事

中国語（台湾）の記事

スペイン語の紹介記事

これもスペイン語

apblog.lv （国名：ラトビア） -> ラトビア語？

farhadi.ir （国名：イラン）ペルシア語

逆輸入

以上 続きは Web で

http://wafful.org/ ご清聴ありがとうございました