Bildiğiniz gibi tarayıcıların geliştiriciler için sunduğu Öğeyi Denetle bölümü mevcuttur. Bu kısımda Console seçeneği altına sitelerin hataları ve kayıtları(log) düşer. Genelde site geliştiricilerin sık kullandığı bir alandır. Bir geliştirici sitenizin bu kısmını açtığında ona sürpriz hazırlamak için bir css ile düzenlenmiş bir kayıt(log) bırakabilirsiniz.
Eklenecek Kodlar
Site kodlarınızın en altına aşağıdaki script’i ekleyiniz. Kullanıcının IP adresini çekmek için api.ipift.org sitesini kullanıyoruz.
Kullanım şekli: console.log(“kayıt.”,”css kodları”)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<script> fetch('https://api.ipify.org?format=json') .then( function(response) { response.json().then(function(data) { console.log(`%cIP Adresin: `+data.ip,"font-size:35px;color:red;-webkit-text-stroke: 1px black;font-weight:700;"); }); } ) .catch(function(err) { }); console.log(`%c. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . uuuuuuu . . uu$$$$$$$$$$$uu . . uu$$$$$$$$$$$$$$$$$uu . . u$$$$$$$$$$$$$$$$$$$$$u . . u$$$$$$$$$$$$$$$$$$$$$$$u . . u$$$$$$$$$$$$$$$$$$$$$$$$$u K E E P C A L M . . u$$$$$$$$$$$$$$$$$$$$$$$$$u . . u$$$$$$" "$$$" "$$$$$$u A N D . . "$$$$" u$u $$$$" . . $$$u u$u u$$$ W A T C H . . $$$u u$$$u u$$$ . . "$$$$uu$$$ $$$uu$$$$" T H E . . "$$$$$$$" "$$$$$$$" . . u$$$$$$$u$$$$$$$u K O D B L O G U M . . u$"$"$"$"$"$"$u . . uuu $$u$ $ $ $ $u$$ uuu . . u$$$$ $$$$$u$u$u$$$ u$$$$ . . $$$$$uu "$$$$$$$$$" uu$$$$$$ . . u$$$$$$$$$$$uu """"" uuuu$$$$$$$$$$ . . $$$$"""$$$$$$$$$$uuu uu$$$$$$$$$"""$$$" . . """ ""$$$$$$$$$$$uu ""$""" . . uuuu ""$$$$$$$$$$uuu . . u$$$uuu$$$$$$$$$uu ""$$$$$$$$$$$uuu$$$ . . $$$$$$$$$$"""" ""$$$$$$$$$$$" kodblogum.com . . "$$$$$" ""$$$$"" info@kodblogum.com . . $$$" $$$$" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .`,"color:#9acc14; background:black; font-family: monospace;"); </script> |
Site görüntüsü
