Left

URL
MyAdmin_visual_inspection_twins/20220221_183058/objects/75f6fc61a4a7beced95470f5ae881e533c3a2d8f.html
metadata
{"URL.host":"myadmin.kazurayam.com", "URL.path":"/", "URL.port":"80", "URL.protocol":"http", "profile":"MyAdmin_ProductionEnv"}

Right

URL
MyAdmin_visual_inspection_twins/20220221_183122/objects/5d7e467a45a85329612d1f0694f9d726bc14226d.html
metadata
{"URL.host":"devadmin.kazurayam.com", "URL.path":"/", "URL.port":"80", "URL.protocol":"http", "profile":"MyAdmin_DevelopmentEnv"}

are DIFFERENT 25.32%%

rows
  • total : 79
  • inserted : 4
  • deleted : 1
  • changed : 15
  • equal : 59
Left Right
1 <!doctype html> <!doctype html>
2 <html lang="ja"> <html lang="ja">
3 <head> <head>
4 <meta charset="utf-8"> <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
6
7 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
8
9 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
10
11 <title>My Admin</title> <title>My Admin</title>
12 </head> </head>
13 <body> <body>
14 <header> <header>
15 <nav class="navbar navbar-expand-md navbar-dark bg-primary"> <nav class="navbar navbar-expand-md navbar-dark bg-primary">
16 <div class="container-fluid"> <div class="container-fluid">
17 <a class="navbar-brand" href="#">My Admin</a> <a class="navbar-brand" href="#">My Admin</a>
18 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
19 <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
20 </button> </button>
21 <div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
22 <ul class="navbar-nav"> <ul class="navbar-nav">
23 <li class="nav-item"> <li class="nav-item">
24 <a class="nav-link active" aria-current="page" href="#">Home</a> <a class="nav-link active" aria-current="page" href="#">Home</a>
25 </li> </li>
26 <li class="nav-item"> <li class="nav-item">
27 <a class="nav-link" href="#">News</a> <a class="nav-link" href="#">News</a>
28 </li> </li>
29 <li class="nav-item">
30 <a class="nav-link" href="#">Docs</a>
31 </li>
32 </ul> </ul>
33 </div> </div>
34 </div> </div>
35 </nav> </nav>
36 </header> </header>
37 <div class="container mt-5"> <div class="container mt-5">
38 <section class="row"> <section class="row">
39 <section class="col-md-4 mb-5"> <section class="col-md-4 mb-5">
40 <div class="list-group"> <div class="list-group">
41 <a href="#" class="list-group-item list-group-item-action active" aria-current="true">Profile</a>
42 <a href="#" class="list-group-item list-group-item-action">Access Stats</a> <a href="#" class="list-group-item list-group-item-action">Access Stats</a>
43 <a href="#" class="list-group-item list-group-item-action">Settings</a> <a href="#" class="list-group-item list-group-item-action">Settings</a>
44 <a href="#" class="list-group-item list-group-item-action active" aria-current="true">Profile</a>
45 </div> </div>
46 </section> </section>
47 <section class="col-md-8 text-center"> <section class="col-md-8 text-center">
48 <header class="border-bottom pb-2 mb-3 d-flex align-items-center"> <header class="border-bottom pb-2 mb-3 d-flex align-items-center">
49 <h1 class="fs-5 m-0">My Profile</h1> <h1 class="fs-5 m-0">My Profile</h1>
50 <button type="button" class="btn btn-primary ms-auto"> <button type="button" class="btn btn-primary ms-auto">
51 <i class="bi bi-envelope-fill me-1"></i> <i class="bi bi-envelope-fill me-1"></i>
52 </button> </button>
53 </header> </header>
54 <p><img src="umineko-1960x1960.jpg" alt="umineko" class="rounded-circle img-fluid ps-5 pe-5"></p> <p><img src="umineko-1960x1960.jpg" alt="umineko" class="rounded-circle img-fluid ps-5 pe-5"></p>
55 <!-- <h2><span id="clock"></span> UTC</h2> --> <h2><span id="clock"></span> UTC</h2>
56 </section> </section>
57 </section> </section>
58 </div> </div>
59 <footer class="bg-secondary text-center text-light p-5 mt-5"> <footer class="bg-secondary text-center text-light p-5 mt-5">
60 (c) kazurayam.com (c) kazurayam.com
61 </footer> </footer>
62 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous">
63 </script> </script>
64 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
65 <script> <script>
66 /** /**
67 * display the current timestamp in the format of "07:22:13" * display the current timestamp in the format of "07:22:13"
68 */ */
69 $(document).ready(function() { $(document).ready(function() {
70 var m = new Date(); var m = new Date();
71 var dateString = m.getUTCFullYear() +"/"+ (m.getUTCMonth()+1) +"/"+ var dateString = m.getUTCFullYear() +"/"+ (m.getUTCMonth()+1) +"/"+
72 m.getUTCDate() + " " + m.getUTCHours() + ":" + m.getUTCDate() + " " + m.getUTCHours() + ":" +
73 m.getUTCMinutes() + ":" + m.getUTCSeconds(); m.getUTCMinutes() + ":" + m.getUTCSeconds();
74 console.log(dateString) console.log(dateString)
75 $('#clock').text(dateString); $('#clock').text(dateString);
76 }) })
77 </script> </script>
78 </body> </body>
79 </html> </html>