0.6.x/logger.html

   1 <!DOCTYPE html>\r
   2 <html lang="ja">\r
   3 <head>\r
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
   5                 \r
   6         <title>Logger</title>\r
   7         \r
   8         <meta name="HandheldFriendly" content="true">\r
   9         <meta name="mobileoptimized" content="0">\r
  10         \r
  11         <!-- for ie & chrome frame -->\r
  12         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\r
  13         <meta http-equiv="imagetoolbar" content="no">\r
  14         \r
  15         <!-- for smartphone -->\r
  16         <meta name="format-detection" content="telephone=no">\r
  17         <meta name="apple-mobile-web-app-capable">\r
  18         \r
  19         <!-- maximum-scale=1 初代iPod touch で必要, dynamic-viewport は operaで可能  -->\r
  20         <meta name="viewport" id="dynamic-viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1,user-scalable=0,maximum-scale=1">\r
  21 \r
  22         <style>\r
  23                 html, body {\r
  24                         padding  : 0;\r
  25                         margin   : 0;\r
  26                         border   : 0;\r
  27                         width    : 100%;\r
  28                         height   : 100%;\r
  29                         overflow : hidden;\r
  30                 }\r
  31                 iframe {\r
  32                         display     : block;\r
  33                         padding     : 0;\r
  34                         border      : 0;\r
  35                         height      : 100%;\r
  36                         margin-left : 0;\r
  37                 }\r
  38                 #log {\r
  39                         position   : absolute;\r
  40                         top        : 0;\r
  41                         left       : 0;\r
  42                         width      : 240px;\r
  43                         height     : 100%;\r
  44                         font-size  : 12px;\r
  45                         z-index    : 888;\r
  46                         color      : #fff;\r
  47                         background : #000;\r
  48                         overflow   : auto;\r
  49                 }\r
  50                 #toggle {\r
  51                         position   : absolute;\r
  52                         top        : 0;\r
  53                         left       : 0;\r
  54                         width      : 1em;\r
  55                         height     : 1em;\r
  56                         background : #00f;\r
  57                         color      : #fff;\r
  58                         text-align : center;\r
  59                         font-weight: bold;\r
  60                         z-index    : 999;\r
  61                         cursor     : pointer;\r
  62                 }\r
  63                 .toggle_close #log,\r
  64                 .toggle_none #toggle {\r
  65                         display : none;\r
  66                 }\r
  67                 .toggle_none iframe {\r
  68                         margin-left : 240px;\r
  69                 }\r
  70         </style>\r
  71         \r
  72         <script>\r
  73                 var toggleOpen = true;\r
  74                 function __resize(){\r
  75                         var body  = document.body,\r
  76                                 ifr   = body.children[1],\r
  77                                 viewW = document.all ? ( document.documentElement || body ).offsetWidth : window.innerWidth,\r
  78                                 viewH = window.innerHeight;\r
  79                         if( 800 <= viewW ){\r
  80                                 body.className = 'toggle_none';\r
  81                                 if( document.all ){\r
  82                                         ifr.style.width  = viewW - 240 + 'px';\r
  83                                 } else {\r
  84                                         ifr.style.width  = viewW - 240 + 'px';\r
  85                                         ifr.style.height = viewH + 'px'; // NetFront3.4\r
  86                                 };\r
  87                         } else {\r
  88                                 body.className = toggleOpen ? 'toggle_open' : 'toggle_close';\r
  89                                 if( document.all ){\r
  90                                         ifr.style.width  = viewW + 'px';\r
  91                                 } else {\r
  92                                         ifr.style.width  = viewW + 'px';\r
  93                                         ifr.style.height = viewH + 'px'; // NetFront3.4\r
  94                                 };\r
  95                         };\r
  96 \r
  97                 };\r
  98                 function __ontoggle( elm ){\r
  99                         toggleOpen = !toggleOpen;\r
 100                         __resize();\r
 101                         elm.innerHTML = toggleOpen ? '-' : '+';\r
 102                 };\r
 103         </script>\r
 104 </head>\r
 105 <body onload="__resize()" onresize="__resize()" scroll="no"><div id="log">-- console.log() --</div><iframe src="index.html" width="500" height="100%" scrolling="yes" frameborder="0"></iframe><div id="toggle" onclick="__ontoggle(this);">+</div></body>\r
 106 </html>\r
 107 <xmp class="cleanup-target" style="display:none"><plaintext style="display:none"><!-- plainetext は nds 用 -->