- 掃描 ID：
- 810d4ac4-b90f-4aee-8e30-af345e0eca41已完成
- 已提交的 URL：
- https://josepcomas.com/
- 報告完成時間：
連結 · 找到 4 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://www.linkedin.com/in/jcomas/ | |
| https://twitter.com/cocoboig | |
| https://www.facebook.com/josep.comas.comas | |
| https://www.instagram.com/cocoboig/ |
JavaScript 變數 · 找到 19 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| uidEvent | number |
| bootstrap | object |
| FontAwesomeConfig | object |
| ___FONT_AWESOME___ | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
<meta name="description" content="I am offering my services as IT engineer">
<title>Josep Comas - IT Engineer</title>
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- Search for a new library version:https://cdnjs.com/ -->
<!-- Generate "integrity" hash: https://www.srihash.org/ -->
<!-- Bootstrap 5 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css" integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w==" crossorigin="anonymous" referrerpolicy="no-referrer">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" onload="this.media='all'">
<!-- Cookies consent -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.css" integrity="sha512-LQ97camar/lOliT/MqjcQs5kWgy6Qz/cCRzzRzUCfv0fotsCTC9ZHXaPQmJV8Xu/PVALfJZ7BDezl5lW3/qBxg==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" onload="this.media='all'">
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Cookie&display=swap">
<style></style></head>
<body><div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window cc-banner cc-type-info cc-theme-block cc-bottom cc-color-override-688238583 " style=""><!--googleoff: all--><span id="cookieconsent:desc" class="cc-message">This website uses cookies to ensure you get the best experience on our website. <a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="/cookies-policy.html" rel="noopener noreferrer nofollow" target="_blank">Learn more</a></span><div class="cc-compliance"><a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Got it!</a></div><!--googleon: all--></div>
<!-- Main Menu -->
<nav class="navbar navbar-light bg-light sticky-top border-bottom shadow-sm p-0">
<div class="container">
<a class="navbar-brand" href="#">
<img src="img/josep.png" width="40" height="40" class="d-inline-block align-middle" alt="">
<span style="font-family: 'Cookie'; font-size: 1.8em;"> Josep Comas's home page</span>
</a>
<!--
<nav class="my-2 my-md-0 mr-md-3" style="font-size:1.2em">
<a class="p-2" href="/">Home</a>
<a class="p-2" href="/resources">Resources</a>
<a class="p-2" href="/contact">Contact</a>
</nav>
-->
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2" style="color:#0077b5" href="https://www.linkedin.com/in/jcomas/" aria-label="LinkedIn"><i class="fa-brands fa-linkedin fa-2x" aria-hidden="true"></i></a>
<a class="p-2" style="color:#55acee" href="https://twitter.com/cocoboig" aria-label="Twitter"><i class="fa-brands fa-twitter-square fa-2x" aria-hidden="true"></i></a>
<a class="p-2" style="color:#3b5998" href="https://www.facebook.com/josep.comas.comas" aria-label="Facebook"><i class="fa-brands fa-facebook-square fa-2x" aria-hidden="true"></i></a>
<a class="p-2" style="color:#517fa4" href="https://www.instagram.com/cocoboig/" aria-label="Instagram"><i class="fa-brands fa-instagram-square fa-2x" aria-hidden="true"></i></a>
</nav>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-3 mb-3">
<h1>Welcome to my web page!</h1>
<p class="mt-3">Hello! I am Josep Comas and I work as IT Engineer (software and hardware, wide spectrum).<br><br>
You can use following form to contact with me:</p>
<!-- Contact Form -->
<form id="contactForm" class="row mt-3 needs-validation" novalidate="" action="?" method="post">
<div class="col-md-3 mb-3">
<label for="fName" class="form-label">First name</label>
<input type="text" class="form-control" id="fName" name="fName" required="">
</div>
<div class="col-md-3 mb-3">
<label for="fLastName" class="form-label">Last name</label>
<input type="text" class="form-control" id="fLastName" name="fLastName" required="">
</div>
<div class="col-md-6 mb-3">
<label for="fEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="fEmail" name="fEmail" required="">
</div>
<div class="col-md-12 mb-3">
<label for="fMessage" class="form-label">Message</label>
<textarea class="form-control" id="fMessage" name="fMessage" rows="5" required=""></textarea>
</div>
<div> </div>
<div id="recaptcha" class="g-recaptcha" data-sitekey="6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN" data-callback="onSubmit" data-size="invisible"><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-9otzvj96nm5y" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN&co=aHR0cHM6Ly9qb3NlcGNvbWFzLmNvbTo0NDM.&hl=en&v=pPK749sccDmVW_9DSeTMVvh2&size=invisible&cb=jnk0odrsk4bp"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
<div class="message"></div>
<div class="col-md-12 text-center">
<button id="btnSubmit" class="btn btn-primary" type="submit">Submit form</button>
</div>
</form>
</div>
<!-- Footer -->
<footer class="footer bg-dark text-white mt-4">
<div class="container py-4 text-center">
<div>Page optimitzed using Google Lighthouse and GTmetrix</div>
<div><a href="/cookies-policy.html" class="text-warning">Cookies policy</a></div>
</div>
</footer>
<!-- Fonti Awesome -->
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/pPK749sccDmVW_9DSeTMVvh2/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-BJuEtmqk8gvp2kvOiXzxtaoRQQS7QjSOSAczV0tKC29lpbOt/RFR43n1iVnzO4Em"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/fontawesome.min.js" integrity="sha512-5qbIAL4qJ/FSsWfIq5Pd0qbqoZpk5NcUVeAAREV2Li4EKzyJDEGlADHhHOSSCw0tHP7z3Q4hNHJXa81P92borQ==" crossorigin="anonymous" referrerpolicy="no-referrer" async="" defer=""></script>
<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.bundle.min.js" integrity="sha512-pax4MlgXjHEPfCwcJLQhigY7+N8rt6bVvWLFyUMuxShv170X53TRzGPmPkZmGBhk+jikR8WBM4yl7A9WMHHqvg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Cookies consent -->
<!-- Generate parameters: https://www.osano.com/cookieconsent/download/ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.js" integrity="sha512-yXXqOFjdjHNH1GND+1EO0jbvvebABpzGKD66djnUfiKlYME5HGMUJHoCaeE4D5PTG2YsSJf6dwqyUUvQvS0vaA==" crossorigin="anonymous" referrerpolicy="no-referrer" async="" defer=""></script>
<script src="js/app.js" async="" defer=""></script>
<!-- reCAPTCHA v2 invisible -->
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
<script>
function onSubmit(token) {
event.preventDefault();
//alert('Send data!');
var contactForm = document.getElementById('contactForm');
var url = "/send_email.php";
var xhr = new XMLHttpRequest();
xhr.onload = function() {
if (xhr.status === 200) {
data = JSON.parse(xhr.responseText);
// we receive the type of the message: success x danger and apply it to the
var messageAlert = 'alert-' + data.type;
var messageText = data.message;
// let's compose Bootstrap alert box HTML
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissible" role="alert">' + messageText +
'<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>' +
'</div>';
// If we have messageAlert and messageText
if (messageAlert && messageText) {
contactForm.querySelector('.message').innerHTML = alertBox;
contactForm.classList.remove('was-validated')
contactForm.reset();
}
}
};
xhr.open('POST', url, true);
xhr.send(new FormData(contactForm));
return false;
}
var contactForm = document.getElementById('contactForm');
contactForm.addEventListener('submit', function (event) {
event.preventDefault();
event.stopPropagation();
if (contactForm.checkValidity()) {
grecaptcha.execute();
}
contactForm.classList.add('was-validated')
}, false);
</script>
<div style="visibility: hidden; position: absolute; width: 100%; top: -10000px; left: 0px; right: 0px; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.5;"></div><div style="margin: 0px auto; top: 0px; left: 0px; right: 0px; position: fixed; border: 1px solid rgb(204, 204, 204); z-index: 2000000000; background-color: rgb(255, 255, 255);"><iframe title="recaptcha challenge expires in two minutes" name="c-9otzvj96nm5y" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=pPK749sccDmVW_9DSeTMVvh2&k=6LcmcVMfAAAAABPA-VjnKBBeja2g5aTgiYev3YNN" style="width: 100%; height: 100%;"></iframe></div></div></body></html>