shibuya.pm#8 - imagefight - html 2.0 new browser detection

29
続続続続続続続続続 Shibuya.pm #8 続続続続続 続続続続続続 続続 続続 id:TAKESAKO

Upload: takesako

Post on 11-Jun-2015

4.057 views

Category:

Technology


2 download

DESCRIPTION

http://wafful.org/

TRANSCRIPT

Page 1: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

続イメージファイトShibuya.pm #8

続イメージファイトShibuya.pm #8

サイボウズ・ラボ株式会社

竹迫 良範

id:TAKESAKO

Page 2: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

はじめに

Page 3: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

3

Internet Explorer のセキュリティ設定

デフォルトが「有効にする」のまま

Page 4: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

4

Page 5: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

5

IE での実行結果

Page 6: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

6

orzorz

Page 7: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

7

mod_imagefightイメージファイト

Page 8: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

8

イメージファイトとは?イメージファイトとは?

Apache 2OutputFilter

無毒化

Web Server

攻撃コードが含まれているかもしれない

mod_imagefight

Safe Image

internet

XSS Image

Page 9: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

9

mod_imagefight の使用法( α 版)mod_imagefight の使用法( α 版)

httpd.conf (例)

LoadModule imagefight_module modules/mod_imagefight.so

<Location />

     # AddOutputFilter   ImageFight   .png .bmp .gif .jpg

  AddOutputFilterByType ImageFight image/gif image/jpeg

</Location>

拡張子、 Content-Type による Filter 適用

Page 10: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

10

mod_imagefight をインストールした Web サーバからPNG 画像を読み込んだとき(動的に画像を書き換え)

イメージファイト動作画面( IE + Fiddler )

Page 11: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

11

IE コンテンツ自動判別による XSS防止

   Anti-XSS コードの自動挿入( Apache )

Page 12: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

12

Why?イメージファイト

Page 13: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

ブラウザのバグ(仕様)

Web アプリ側で ad-hoc に対応するのは面倒だよね

Page 14: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

14

Page 15: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

15

続イメージファイト

Page 16: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

ブラウザのバグ(仕様)

を利用して、ブラウザ判定できる?

Page 17: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

17

JavaScript/CSSを使わない

ブラウザ判別

Page 18: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

18

HTML2.0

Page 19: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

19

突然ですが、 HTML 2.0 Quiz の時間です。突然ですが、 HTML 2.0 Quiz の時間です。

<img src="1.gif" src="2.gif">表示される画像は?

(1) 1.gif が表示される (2) 2.gif が表示される (3) ブラウザによって異なる

Answers.

【問題】

Page 20: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

20

突然ですが、 HTML 2.0 Quiz の時間です。突然ですが、 HTML 2.0 Quiz の時間です。

<img src="1.gif" src="2.gif">表示される画像は?

(1) 1.gif が表示される (2) 2.gif が表示される (3) ブラウザによって異なる

Answers.

【問題】

Page 21: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

21

【問題2】【問題2】

<img /src = “1.gif” src(\x00) = “2.gif” src(\x0c) = “3.gif” src = “4.gif”/>

(1) 1.gif が表示される (2) 2.gif が表示される (3) 3.gif が表示される(4) 4.gif が表示される

Answers.

※ ブラウザによって異なる

Page 22: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

応用問題

Page 23: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

23

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

Page 24: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

http://wafful.org

Demo

Page 25: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

25

Page 26: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

26

Konqueror や Safari2 の判定もできるよ

Page 27: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

27

以上続きは Web で

Page 28: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

28

    _  ∩   (  ゚∀゚ ) 彡    (   ⊂彡    |     |   し ⌒J

わっふる ! わっふる !

wafful.org

Page 29: Shibuya.pm#8 - ImageFight - HTML 2.0 New Browser Detection

29Debugging Browser-detection on papersDebugging Browser-detection on papers

ご清聴ありがとうございましたご清聴ありがとうございました