( سجادة حمراء وأرائـك الهطول# حصريآت ال روآية )
|
|
|
ϟ تَطويـر المُنتديـات ϟ قِسم الهاكَات، والاستَايلات وإضافة مُنتديات وتقديم المُساعدات لِتطويرها . |
|
|
02-19-2023
|
|
|
قَدَاسَة طُهِّرَ | | أَوْسِمَتِي | |
|
|
|
لوني المفضل
Deeppink
|
عضويتي
»
1870
|
اشراقتي ♡
»
Jun 2021
|
كُنت هنا
»
منذ دقيقة واحدة (08:37 AM)
|
موآضيعي
»
24988
|
آبدآعاتي
»
7,292,459
|
تقييمآتي
»
2352439
|
دولتي الحبيبه
»
|
جنسي
»
|
حالتي الآن
»
☆بعالم الحب يا حب ❤️ ☆
|
آلقسم آلمفضل
»
الآسلامي♡
|
آلعمر
»
❤
|
الحآلة آلآجتمآعية
»
» ❤
|
تم
شكري
»
52,236
|
شكرت
»
23,402
|
الاعجابات المتلقاة
»
12658
|
الاعجابات المُرسلة
»
2253
|
مُتنفسي هنا
»
|
التقييم
»
|
مَزآجِي
»
|
|
|
|
كيفية عمل امتداد المتصفح باستخدام جافا سكريبت
في هذه المقالة سوف نتحدث عن امتدادات المتصفح، ما هي وكيف تعمل، ولمتابعة هذا المقال يجب أن يكون لديك فهم أساسي لجافا سكريبت، كما أنك بحاجة إلى متصفح.
ما هو امتداد المتصفح
امتداد المتصفح: هو شيء تضيفه إلى متصفحك مما يعزز تجربة التصفح لديك من خلال توسيع سعة متصفحك كمثال، فكر في مانع الإعلانات الذي ربما تكون قد قمت بتثبيته على جهازك، هذا يجعل تجربة التصفح لديك أفضل عن طريق منع الإعلانات عند تصفح الويب.
كيفية كتابة امتداد المتصفح
أولًا، سننشئ مجلدًا لإنشاء ملف باسم (manifest.json)، يجب أن يكون ملف البيان ملفًا في أي امتداد للمتصفح، يحتوي هذا الملف على بيانات أساسية حول امتدادات مثل: الاسم والإصدار وما إلى ذلك، الآن داخل ملف (manifest.json)، انسخ التالي:
{
“manifest_version”:2,
“version”:”1.0″,
“name”:”Test”,
}
كيفية تحميل ملف الامتداد
لمستخدمي (Firefox):
في شريط العناوين، ابحث عن هذا:
about:debugging#/runtime/this-firefox
سترى خيار تحميل الوظيفة الإضافية المؤقتة، انقر فوق هذا الخيار واختر ملف (manifest.json).
لمستخدمي جوجل كروم:
في شريط العناوين، ابحث عن هذا:
chrome://extensions.
ولتحميل ملف الامتداد اتبع ما يلي:
قم بتمكين وضع المطور وقم بالتبديل إليه.
انقر فوق الزر (Load unpacked) وحدد دليل الامتداد.
لقد قمت بتثبيت الامتداد، لكن الامتداد لا يفعل أي شيء حاليًا، الآن دعنا نضيف بعض الوظائف، للقيام بذلك، سنقوم بتحرير ملف (manifest.json) كالتالي:
{
“manifest_version”:2,
“version”:”1.0″,
“name”:”Test”,
“content_scripts”:[
{
“matches”:[“<all_urls>”],
“js”:[“main.js”]
}
]
}
كيفية تخصيص امتداد المتصفح
ما سنفعله الآن هو إنشاء امتداد ويب يغير جميع صور صفحة الويب التي نزورها إلى صورة نختارها، لهذا ما عليك سوى إضافة أي صورة إلى الدليل الحالي وتغيير ملف (main.js) إلى:
console.log(“The extension is up and running”);
var images = document.getElementsByTagName(‘img’)
for (elt of images){
elt.src = `${browser.runtime.getURL(“pp.jpg”)}`
elt.alt = ‘an alt text’
}
نحتاج إلى إبلاغ النص البرمجي للمحتوى الخاص بنا عن ملف (pp.jpg) عن طريق تحرير ملف (manifest.json) إلى:
{
“manifest_version”:2,
“version”:”1.0″,
“name”:”Test”,
“content_scripts”:[
{
“matches”:[“<all_urls>”],
“js”:[“main.js”]
}
],
“web_accessible_resources”: [
“pp.jpg”
]
}
|
الأعضاء الذين قالوا شكراً لـ Şøķåŕą على المشاركة المفيدة:
|
|
02-19-2023
|
#2
|
سلمت يمينك على الطرح
نترقحب المزيد من جديدك الرائع
لك كل التقدير
|
|
يعطيك العافيه و تسلم الأيادي
أستاذي ومديري العزيز رهيف
جزيل الشكر والإمتنان
|
02-20-2023
|
#3
|
02-20-2023
|
#4
|
يعطيك العافيه على طرحك
عساك على القوهه ..
ماننحرم
|
|
اشكرك ياروحي
علي لاهداء الحلووه
اسعدني كثير والله
واناملك المبدعه يا جميله
|
02-22-2023
|
#5
|
بارك الله فيك ع موضوعك القيم والمميز
وبانتظار جديدك القادم
ارق التحايا لك
|
|
|
02-22-2023
|
#6
|
_
دائما متميز في طرحك للمواضيع
سلمت على روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا روعه مواضيعك
لكـ خالص احترامي
|
|
حآء كل الشكر والإمتِنآنِ لروعةٍ التصمِيم
|
تعليمات المشاركة
|
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
كود HTML معطلة
|
|
|
سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ
الساعة الآن 08:37 AM
| | | | | |