Membuat Pesan Pada Console Browser Menggunakan JavaScript

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Sebelum lanjut ke topik utama ane mau bahas sekilas dulu tentang ide ini. Ketika seorang Web Developer mengunjungi situs web atau blog kita yang *uhuk* Keren *uhuk*, karena animasinya yang menarik, biasanya si pengunjung secara iseng ingin mencoba script tertentu dengan menggunakan Tool Developer Console (CTRL+SHIFT+J) pada webbrowsernya. Nah di tutorial ini ane mau share snippet sederhana untuk menampilkan pesan pada tool Console tersebut. Langsung saja disimak dengan seksama .


Caranya simple, cukup menggunakan javascript berikut pada salah satu page web agan:


<script type="text/javascript">
iftypeof console === 'object' ) {
    console.log(
  '\nHai. Selamat datang di situs super tamfan :)\n'
    );
}
</script>
berikut adalah tampilannya:

Pada Console juga bisa menggunakan style terformat seperti berikut



<script type="text/javascript">
if (typeof console === 'object') {
 console.log(
  "%cHai. Selamat datang di situs super tamfan :)",
  "font-size: 25px; color: #66D9EF; background-color: #272822;"
 );
}
</script>
berikut adalah tampilannya:

Dengan sederhana dapat dibilang bahwa pesannya tidak akan muncul apabila si pengunjung tidak membuka Console pada webbrowsernya. Ketika Console di webbrowser dibuka barulah pesannya muncul. Anggap saja sebagai sambutan.

Referensi


http://www.abeautifulsite.net/how-to-leave-a-console-greeting-for-your-visitors/




Nah sekian dulu untuk tutorial kali ini. Semoga bermanfaat dan dapat membantu . Jika ingin memberikan kritik dan saran atau bertanya silahkan tinggalkan komentar dibawah. .

1 komentar :

Posting Komentar

Cancel Reply

Iklan