Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML2.0 - digg - OSC2007-fall

HTML 2.0 - Yet Another Browser detection

  • Be the first to comment

  • Be the first to like this

HTML2.0 - digg - OSC2007-fall

  1. 1. HTML 2.0 – 古くて新しい ブラウザ判別手法 サイボウズ・ラボ株式会社 竹迫 良範 id:TAKESAKO
  2. 2. いま、世界中で 大ブーム
  3. 3. HTML 2.0
  4. 4. 突然ですが、HTML 2.0 Quiz の時間です。 <img src= &quot; 1.gif &quot; src= &quot; 2.gif&quot;> 表示される画像は? (1) 1.gif が表示される (2) 2.gif が表示される (3) ブラウザによって異なる Answers. 【問題】
  5. 5. ブラウザ の バグ(仕様) を利用して、 ブラウザ判定できる?
  6. 6. 【問題2】 <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
  7. 7. 応用問題
  8. 8. 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
  9. 9. http://wafful.org Demo
  10. 11. Konqueror や Safari2 の判定もできるよ
  11. 12. JavaScript/CSS を使わない ブラウザ判別
  12. 13. lynx でブラウズした結果
  13. 14. w3m でブラウズした結果
  14. 15. Mozilla/5.0 (PLAYSTATION 3; 1.00) others.gif 昨日のアクセスログより判明
  15. 16. http://digg.com digg
  16. 17. 921 diggs + 141 Comments (現在)
  17. 18. digg は大変なアクセス を 残していきました
  18. 19. digg のトップページに掲載( 10/4 )
  19. 20. before after 国別アクセス( IP アドレス)ランキング
  20. 21. 世界中から Nice な Comments が
  21. 23. どう見ても、 本当にありがとう ございました(ry 日本人です
  22. 24. ロシア語の紹介記事
  23. 25. 中国語(台湾)の記事
  24. 26. スペイン語の紹介記事
  25. 27. これもスペイン語
  26. 28. apblog.lv (国名:ラトビア) -> ラトビア語?
  27. 29. farhadi.ir (国名:イラン)ペルシア語
  28. 30. 逆輸入
  29. 32. 以上 続きは Web で
  30. 33. http://wafful.org/ ご清聴ありがとうございました

×