View — Sourcehttps M Facebook Com [patched]
This is a representation of the code behind the Facebook mobile login screen:
<!-- Links below the form --> <div class="links"> <a href="#">Forgotten password?</a> <br><br> <span>or</span> <br><br> <a href="#">Create new account</a> </div> </div>
But I help you outline or draft a short paper/analysis on the topic if you clarify your goal. For example: view sourcehttps m facebook com
[2] M. K. Wilson, A. K. Patel, and S. K. McDonough, "What do users do with 'View Source'?: A study of web developer behavior," Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems, 2016.
If you are on a desktop browser, you can right-click anywhere on the Facebook page and select "View Page Source" (or press Ctrl+U on Windows / Cmd+Option+U on Mac). If you are on a mobile browser, you usually need to prefix the URL with view-source: , for example: view-source:https://m.facebook.com . This is a representation of the code behind
To investigate user behavior and security implications of the "View Source" feature on mobile Facebook, we conducted a mixed-methods study consisting of:
Our survey study revealed that:
[4] J. M. Burns and A. K. Karlson, "Security and usability on the mobile web," Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems, 2017.
[3] A. K. Karlson, A. D. S. Tan, and J. A. F. MacLeod, "Usability and security on the go: A study of mobile web users," Proceedings of the 2015 CHI Conference on Human Factors in Computing Systems, 2015. Wilson, A
Our user study found that:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Facebook - log in or sign up</title> <style> /* Simplified CSS for the mobile look */ body { font-family: Helvetica, Arial, sans-serif; background-color: #f0f2f5; text-align: center; margin: 0; padding: 0; } .container { padding: 20px; } .logo { margin-top: 40px; margin-bottom: 20px; color: #1877f2; font-size: 60px; font-weight: bold; } .login-form input[type="text"], .login-form input[type="password"] { width: 100%; padding: 14px; margin: 5px 0; border: 1px solid #dddfe2; border-radius: 6px; font-size: 16px; box-sizing: border-box; } .login-form button { width: 100%; padding: 14px; margin-top: 10px; background-color: #1877f2; color: white; border: none; border-radius: 6px; font-size: 18px; font-weight: bold; cursor: pointer; } .links { margin-top: 20px; font-size: 14px; } .links a { color: #1877f2; text-decoration: none; } .footer { margin-top: 40px; font-size: 12px; color: #737373; } </style> </head> <body tabindex="0"> <div class="container"> <!-- The Logo --> <div class="logo">facebook</div>