HTML Binary Hacks & GIF89a Ployglot
?Download as PPT, PDF?
4 likes?4,698 views
http://conferences.yapcasia.org/ya2008/talk/1299
HTML Binary Hacks & GIF89a Ployglot
- 1. HTML Binary Hacks - GIF89a Polyglot - Cybozu Labs, Inc. TAKESAKO <takesako@shibuya.pm.prg>
- 2. I’ll show you, HTML 2.0 hacks.
- 3. 1.0 HTML Browser Detection
- 4. HTML Quiz <img src=/slideshow/html-binary-hacks-gif89a-ployglot/429112/”1.gif” src=”2.gif”> (1) 1.gif (2) 2.gif (3) N/A Answers. Q1. What will you see? (on your browser)
- 5. Q2. What’s this? <img /src = /slideshow/html-binary-hacks-gif89a-ployglot/429112/”1.gif” ”” src{00} = ”2.gif” ’ src{0c} = ”3.gif” src = ”4.gif” /> (1) 1.gif (2) 2.gif (3) 3.gif (4) 4.gif Answers. -> ie -> Safari -> firefox -> others
- 6. ?
- 7. print<<EOF; <img /src 00 ="ie.gif" /''src 00 ="firefox1_5.gif" /''src=/slideshow/html-binary-hacks-gif89a-ployglot/429112/"firefox2_0.gif" /""src="gecko_others.gif" "s 00 rc="safari2.gif" "src="safari3.gif" ""src="konqueror.gif" src 00 ="w3m.gif" src 0c ="opera.gif" src="others.gif" src="lynx.gif" /> EOF
- 9. ?
- 10. It can detect “Konqueror”, “Safari2” !
- 11. No JavaScript & No CSS hacks
- 12. lynx
- 13. w3m
- 14. Mozilla/5.0 (PLAYSTATION 3; 1.00) ? others.gif
- 15. ?
- 16. 1.0 The End
- 18. Animation GIF image Yappoc.gif
- 19. どう見ても Yappo です 本当にありがとう ございました（ｒｙ
- 20. Polyglot DEMO HTML/CSS & JS & Perl & GIF89a
- 21. JavaScript in GIF GIF89a( q /*....../);sub GIF89a{print "Hello Perl!"} __END__#*/ =1 );function GIF89a(){alert("Hello JavaScrpt!")} /*<body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1><!-- ................................................ ................................................ ................................................ ................................................ --><img src=/slideshow/html-binary-hacks-gif89a-ployglot/429112?> <script src=# language=JavaScript></script></div> */ // ;
- 22. HTML/CSS in GIF GIF89a(q/*....../);sub GIF89a{print "Hello Perl!"} __END__#*/=1);function GIF89a(){alert("Hello JavaScrpt!")} /* <body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1> <!-- ................................................ ................................................ ................................................ ................................................ --> <img src=/slideshow/html-binary-hacks-gif89a-ployglot/429112?> <script src=# language=JavaScript></script> </div> */// ;
- 23. Perl in GIF GIF89a(q /*....../ );sub GIF89a{print "Hello Perl!"} __END__ #*/=1);function GIF89a(){alert("Hello JavaScrpt!")} /*<body style=visibility:hidden> <div style=position:relative;visibility:visible> <h1>Hello HTML!</h1><!-- ................................................ ................................................ ................................................ ................................................ --><img src=/slideshow/html-binary-hacks-gif89a-ployglot/429112?> <script src=# language=JavaScript></script></div> */// ;
- 24. Demo
- 25. ?
- 26. ?
- 27. Thank you