سكربت اضافة ايقونة لموقعك

يمكنك أن تقوم بتغير أيقونة الصفحة من خلال العنصر link كما وضح وائل في التعليق السابق، ويمكنك تغير هذه الأيقونة حتى بعد تحميل الصفحة من خلال جافاسكريبت، وهنا مثال بإستخدام jQuery:

$("link[rel*='icon']").attr("href", "favicon.png")

سيقوم الكود السابق بتغير الأيقونة إلى صورة معينة، ويمكن تعديل الكود لتغيرها عند وصول إشعار معين كما في مواقع التواصل فيسبوك و تويتر.

إن لم تكن تستعمل jQuery فيمكنك أن تقوم بإستخدام JavaScript فقط للقيام بهذا الأمر، كالتالي:

document.querySelector("link[rel*='icon']").href = "favicon.ico";

الكود السابق يؤدي نفس المهمة بدون الحاجة إلى مكتبات.

كما توجد مكتبات أخرى تعطيك المزيد من التحكم مثل مكتبة favicons