clientInfo.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <link rel="stylesheet" href="../../script/semantic/semantic.min.css">
  5. <script type='text/javascript' src="../../script/semantic/semantic.min.js"></script>
  6. <script src="../../../script/jquery.min.js"></script>
  7. <script src="/SystemAO/info/js/ua-parser.min.js"></script>
  8. <title>Client Information</title>
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10. </head>
  11. <body style="background-color:#f9f9f9;">
  12. <div class="ui container">
  13. <div class="ui basic segment">
  14. <div class="ui header">
  15. Client Device Information
  16. <div class="sub header">These are the information that your browser is telling the ArozOS.</div>
  17. </div>
  18. </div>
  19. <table class="ui celled striped table">
  20. <thead>
  21. <tr>
  22. <th colspan="3">
  23. Browser Information
  24. </th>
  25. </tr>
  26. </thead>
  27. <tbody>
  28. <tr>
  29. <td class="collapsing">
  30. <i class="sticky note icon"></i> Cookie Enabled
  31. </td>
  32. <td id="cke"></td>
  33. </tr>
  34. <tr>
  35. <td class="collapsing">
  36. <i class="hashtag icon"></i> Operation system
  37. </td>
  38. <td id="os"></td>
  39. </tr>
  40. <tr>
  41. <td class="collapsing">
  42. <i class="hashtag icon"></i> Application Name
  43. </td>
  44. <td id="appname"></td>
  45. </tr>
  46. <tr>
  47. <td class="collapsing">
  48. <i class="browser icon"></i> Browser Engine
  49. </td>
  50. <td id="be"></td>
  51. </tr>
  52. <tr>
  53. <td class="collapsing">
  54. <i class="user circle icon"></i> User Agent
  55. </td>
  56. <td id="ua"></td>
  57. </tr>
  58. </tbody>
  59. </table>
  60. </div>
  61. <br><br><br><br>
  62. </div>
  63. <script>
  64. $("#cke").html(navigator.cookieEnabled);
  65. $("#os").html($.ua.os.name);
  66. $("#appname").html($.ua.browser.name);
  67. $("#be").html($.ua.engine.name);
  68. $("#ua").html(navigator.userAgent);
  69. </script>
  70. </body>
  71. </html>