browser-not-supported.html 1.5 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
  6. <link rel="icon" type="image/png" href="images/logo.png"/>
  7. <link rel="stylesheet" href="svg-editor.css" type="text/css"/>
  8. <script src="jquery.js"></script>
  9. <title>Browser does not support SVG | SVG-edit</title>
  10. </head>
  11. <body>
  12. <div id="browser-not-supported">
  13. <img style="float:left;padding:10px;" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" /><br />
  14. <p>Sorry, but your browser does not support SVG. Below is a list of alternate browsers and versions that support SVG and SVG-edit (from <a href="http://caniuse.com/#cats=SVG">caniuse.com</a>).</p>
  15. <p>Try the latest version of <a href="http://www.getfirefox.com">Firefox</a>, <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Safari</a>, <a href="http://www.opera.com/download/">Opera</a> or <a href="http://windows.microsoft.com/ie9">Internet Explorer</a>.</p>
  16. <p>If you are unable to install one of these and must use an old version of Internet Explorer, you can install the <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame plugin</a>.</p>
  17. </div>
  18. <script>
  19. /*globals $*/
  20. var viewportHeight = window.innerHeight || ($(window).height() - 140);
  21. var iframe = document.createElement('iframe');
  22. iframe.style.width = '100%';
  23. iframe.style.height = viewportHeight + 'px';
  24. iframe.src = 'http://caniuse.com/#cats=SVG';
  25. document.body.appendChild(iframe);
  26. </script>
  27. </body>
  28. </html>