زكريـاء
2011-11-24, 14:46
السلام عليكم و رحمة الله تعالى و بركاته
بسم الله الرحمـــــن الرحيـــــــــــــــــــــم
رابط الموضوع الأصلي : http://djazayri.blogspot.com/2011/02/google-chrome.html (الموضوع منقول من مدونتي و أنا كاتبه الأصلي )
(http://djazayri.blogspot.com/2011/02/google-chrome.html)
مقدمة :
الإضافات في Google Chrome هي برامج صغيرة بإمكانها تغيير أو إضافة وظائف جديدة للمتصفح ، يتم كتابتها بتقنيات الويب المعروفة مثل الـ HTML ، JavaScript و الـ CSS و الإضافة عبارة عن مجموعة ملفات يتم تجميعها لاحقا في حزمة واحدة لتقديمها للمستعمل النهائي ، و فيما يلي شرح سريع لكيفية برمجة إضافة بسيطة ، بعد تثبيتها ستظهر أيقونة جديدة في المتصفح ، عند الضغط عليها يتم فتح علامة تبويب جديدة و تحميل مقالة عربية عشوائية على موقع ويكيبيديا
البرمجة :
لنتوكل على الله و نبدأ في برمجة الإضافة ،
أنشيء مجلد جديد بالإسم الذي تريد ، ليكن مثلاً RandomArticle ، و بداخله أنشيء ملفين بإستعمال محرر نصوص ، الأول بالإسم manifest.json بالمحتوى الآتي :
{
"name": "تحميل مقالة عشوائية على ويكيبيديا",
"version": "1.0",
"description": "تحميل مقالة عشوائية باللغة العربية على موقع ويكيبيديا في علامة تبويب جديدة",
"browser_action": { "default_icon": "icon19.png" },
"icons": { "48": "icon48.png", "128": "icon128.png" },
"background_page": "background.html"
}
و الثاني بالإسم background.html و محتواه كالآتي :
<script>
chrome.browserAction.onClicked.addListener(functio n(tab) {
chrome.tabs.create({url:'http://ar.wikipedia.org/wiki/خاص:عشوائي'});
});
</script>
لم يبقى سوى تحميل الأيقونات الثلاثة أدناه و وضعها بالمجلد لتكون أتممت برمجة أول إضافة لك
الأيقونة الأولى :
http://1.bp.blogspot.com/_ubXlDHPzfM0/TVL3fX6ABxI/AAAAAAAAAB4/e98RJlF0Hc4/s1600/icon128.png
الأيقونة الثانية :
http://1.bp.blogspot.com/_ubXlDHPzfM0/TVL3exlg49I/AAAAAAAAAB0/qrKvuqrZHGY/s1600/icon48.png
الأيقونة الثالثة :
http://2.bp.blogspot.com/-TLquGvPgNiQ/TVndp-9upqI/AAAAAAAAACQ/v9mgDVN6IEo/s1600/icon19.png
التثبيت :
أما طريقة تثبيت الإضافة تتم كما يلي :
أدخل إلى صفحة إدارة الإضافات من هنا :chrome://settings/extensionSettings
شغّل وضع المطوّر http://2.bp.blogspot.com/-Z-4Ij1aZU6Y/Ts0Acm-EihI/AAAAAAAAAFk/pSN3JIXwK7c/s1600/modev.png ثم إضغط زر http://4.bp.blogspot.com/-bF_N_y3gIX8/Tsz40WSkn-I/AAAAAAAAAE8/P4W6rM6GVt0/s1600/chargerext.png
إختر مجلد الإضافة و اضغط " OK "
http://goo.gl/CKnS3
إن تمّ التثبيت بنجاح ستظهر الأيقونة كما يلي :
http://4.bp.blogspot.com/-ZJOBshOzkPU/Ts0devDk2NI/AAAAAAAAAGE/flUd0210i38/s1600/exticon.png
ما عليك سوى الضغط عليها و تذوق ثمرة جهدك.
شكرًا على القراءة :) ، أخوكم في الله زكرياء
بسم الله الرحمـــــن الرحيـــــــــــــــــــــم
رابط الموضوع الأصلي : http://djazayri.blogspot.com/2011/02/google-chrome.html (الموضوع منقول من مدونتي و أنا كاتبه الأصلي )
(http://djazayri.blogspot.com/2011/02/google-chrome.html)
مقدمة :
الإضافات في Google Chrome هي برامج صغيرة بإمكانها تغيير أو إضافة وظائف جديدة للمتصفح ، يتم كتابتها بتقنيات الويب المعروفة مثل الـ HTML ، JavaScript و الـ CSS و الإضافة عبارة عن مجموعة ملفات يتم تجميعها لاحقا في حزمة واحدة لتقديمها للمستعمل النهائي ، و فيما يلي شرح سريع لكيفية برمجة إضافة بسيطة ، بعد تثبيتها ستظهر أيقونة جديدة في المتصفح ، عند الضغط عليها يتم فتح علامة تبويب جديدة و تحميل مقالة عربية عشوائية على موقع ويكيبيديا
البرمجة :
لنتوكل على الله و نبدأ في برمجة الإضافة ،
أنشيء مجلد جديد بالإسم الذي تريد ، ليكن مثلاً RandomArticle ، و بداخله أنشيء ملفين بإستعمال محرر نصوص ، الأول بالإسم manifest.json بالمحتوى الآتي :
{
"name": "تحميل مقالة عشوائية على ويكيبيديا",
"version": "1.0",
"description": "تحميل مقالة عشوائية باللغة العربية على موقع ويكيبيديا في علامة تبويب جديدة",
"browser_action": { "default_icon": "icon19.png" },
"icons": { "48": "icon48.png", "128": "icon128.png" },
"background_page": "background.html"
}
و الثاني بالإسم background.html و محتواه كالآتي :
<script>
chrome.browserAction.onClicked.addListener(functio n(tab) {
chrome.tabs.create({url:'http://ar.wikipedia.org/wiki/خاص:عشوائي'});
});
</script>
لم يبقى سوى تحميل الأيقونات الثلاثة أدناه و وضعها بالمجلد لتكون أتممت برمجة أول إضافة لك
الأيقونة الأولى :
http://1.bp.blogspot.com/_ubXlDHPzfM0/TVL3fX6ABxI/AAAAAAAAAB4/e98RJlF0Hc4/s1600/icon128.png
الأيقونة الثانية :
http://1.bp.blogspot.com/_ubXlDHPzfM0/TVL3exlg49I/AAAAAAAAAB0/qrKvuqrZHGY/s1600/icon48.png
الأيقونة الثالثة :
http://2.bp.blogspot.com/-TLquGvPgNiQ/TVndp-9upqI/AAAAAAAAACQ/v9mgDVN6IEo/s1600/icon19.png
التثبيت :
أما طريقة تثبيت الإضافة تتم كما يلي :
أدخل إلى صفحة إدارة الإضافات من هنا :chrome://settings/extensionSettings
شغّل وضع المطوّر http://2.bp.blogspot.com/-Z-4Ij1aZU6Y/Ts0Acm-EihI/AAAAAAAAAFk/pSN3JIXwK7c/s1600/modev.png ثم إضغط زر http://4.bp.blogspot.com/-bF_N_y3gIX8/Tsz40WSkn-I/AAAAAAAAAE8/P4W6rM6GVt0/s1600/chargerext.png
إختر مجلد الإضافة و اضغط " OK "
http://goo.gl/CKnS3
إن تمّ التثبيت بنجاح ستظهر الأيقونة كما يلي :
http://4.bp.blogspot.com/-ZJOBshOzkPU/Ts0devDk2NI/AAAAAAAAAGE/flUd0210i38/s1600/exticon.png
ما عليك سوى الضغط عليها و تذوق ثمرة جهدك.
شكرًا على القراءة :) ، أخوكم في الله زكرياء