HTML Google Chrome
This is the URL http://jenniferdewalt.com/todo/todos<!DOCTYPE html><html><head> <title>To Do | Jennifer Dewalt</title> <meta property="og:image" content="http://jenniferdewalt.com/images/fb_icon.png"/> <link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Quantico:700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Passion+One:700,900' rel='stylesheet' type='text/css'> <link href="/assets/application-7bff0ebb7a642f774829f18ee01e4cf4.css" media="all" rel="stylesheet" type="text/css" /> <script src="/assets/application-31df7d747057e5831b8ad95bb003dc6b.js" type="text/javascript"></script> <meta content="authenticity_token" name="csrf-param" /><meta content="nYMkfQr39PvCA6cnaGDq+qadwEyhdZHIO1x1O6DpgCs=" name="csrf-token" /></head><body class="todo_todos_index" > <p class="notice"></p> <p class="alert"></p> <header> <div id="logo"><a href="/todo/todos">To Do</a></div> <div id="links_container"> <a href="/index.html" id="home">Home</a> <a href="http://blog.jenniferdewalt.com" id="blog">Blog</a> <a href="/users/sign_in">Sign in</a> </div> <br class="clear"></header> <div id="not_signed_in"> <h2>This To Do list will not be saved unless you first <a href="/users/sign_in">sign in</a>.</h2> </div><div data-response="null" id="data" /></div><div id="todos_index_container"></div></body></html>
DOM elements dynamically loaded by JS can be seen in dev-tools, but not in the source code
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
