السلام عليكم ورحمة الله تعالى وبكاته
لبد وأنك أخي الكريم كنت تتصفح محتوى الفيس بوك ورايت بعض المنشورات التي لا تتابعها أو بعض الاقتراحات للأصدقاء على الفيس بوك والصفحات فاغلبها للأجانب وتحمل طابع لا أخلاقي وإيباحي أحيانا ، ستقول لي الإبلاغ عن المحتوى يحل المشكلة ؟؟؟ وأقول لك اخي الكريم ان هذا الامر غير ناجح فنحن نبحث عن حل جذري للمشكلة .... ولكي ازيد معلوماتك هناك موظفون وذكاء اسطناعي همهم البحث عن الصور التي تخالف محتوى الفيس بوك وهم يتقاضون اجرا بينما انت اخي الكريم تقوم بالامر مجانا!!!!! ههههه
الفكرة تكتمل في بناء إضافة خاصة بمتصفح كوكل كروم ، الامر ليس صعب فكل من يمتلك متصفح كوكر كروم فهو قادر على ان يكون مطور إضافات كروم ، في الحقيقة كروم تفرض فتح حساب مطور ب5 دولار لكن locle سيكون مجاني اي انك وحدك من يمتلك هذه الاضافة
بامكانك متابعة دورة لتعلم بناء إضافات كروم
http://www.guercifzone.com/2017/06/blog-post_27.html
لبناء اضافة خاصة بكروم تحتاج الى معرفة متوسطة بالجافاسكربت و css وhtml في هذا الدرس سنعتمد طريقتين باستخدام الجافاسكربت او css لاخفاء العناصر فلن نحتاج الى html
اولا قم بانشاء ملف json وليكن كالتالي manifest.json وضع الكود التالي بداخله
الان نقوم بانشاء ملف js باي اسم نريده مثلا انا صرحت في content_scripts ان الملف الخاص بالجافاسكربت هو contenu.js لذا ساقوم بانشاء ملف يحمل نفس الاسم
بعد ان اعلنا عن ترخيص لtabs نقوم باستدعاء ل api الخاص ب chrome ثم بعدها tabs والغرض منه هو استخدام سكربت للجافاسكربت بداخل صفحة المتصفح executescript بعدها اضع code:ثم اضع الكود الخاص بالجافاسكربت داخل علامتي التنصيص الفرضية في هذا الكود قمت بتعليقه يمكنك ازالة // لكي يعمل الكود الهدف منه هو ازالة الصفحات المقترحة من الفيس بوك والاشخاص المقترحين من شركة فيسك بوك ،في الكود استخدمت طريقتين اما بالنداء بالكلاسة او بالمعرف id الخيار لك اخي الكريم
يمكنك اخي الاكتفاء بهذا الكود او اضافة ملف ستايل css الى الاضافة ايضا لهذا الملف نفس الغرض والفاعلية في الصفحة هو ايضا صرحنا به في ملف json بعنوان style.css ويحمل كود بسيط جدا لكن له فعالية قوية على محتوى الصفحة
الان نضع كل من الملفات داخل مجلد نقوم بتسمية هذا المجلد بالعنوان الذي نريده لكن لا يجب ان يكون هناك فراغات بين العنان ان كنت تريد وضع فراغات انصحك بالعارضة الكبيرة مثلا : sadik_fattah بهذا الشكل
الان ناتي الى تفعيل خاصية المطور في متصفح كروم بعد الدخول الى الرابط التالي
بعدها نقوم بالضغط على زر الرفع لكي نرفع ملف الاضافة على متصفحنا
وهكذا مبروك عليك اول اضافة لكروم تبنيها اخي الكريم بكود قليل جدا
ان كنت مبرمج وتحب مشاهدة الاكواد على https://cdnjs.com/ او على الفيس بوك او موقع تواصلي ويزعجك منظر الكود بالابيض والاسود وحتى انه يصعب قراءته انصحك بتثبيت الإضافة التالية ودعمي بأربع نجوم :)
https://chrome.google.com/webstore/detail/guercif-highlighting/ppgbbdejahdjlfbmgcjdikfnmfheknla
قبل استخدام الإضافة
بعد إستخدام الإضافة :
الـأن نأتي الى تحميل سورس كود تبع الإضافة الخاصة بحجب المحتوى :)
https://github.com/sadik-fattah/Modify_content
لبد وأنك أخي الكريم كنت تتصفح محتوى الفيس بوك ورايت بعض المنشورات التي لا تتابعها أو بعض الاقتراحات للأصدقاء على الفيس بوك والصفحات فاغلبها للأجانب وتحمل طابع لا أخلاقي وإيباحي أحيانا ، ستقول لي الإبلاغ عن المحتوى يحل المشكلة ؟؟؟ وأقول لك اخي الكريم ان هذا الامر غير ناجح فنحن نبحث عن حل جذري للمشكلة .... ولكي ازيد معلوماتك هناك موظفون وذكاء اسطناعي همهم البحث عن الصور التي تخالف محتوى الفيس بوك وهم يتقاضون اجرا بينما انت اخي الكريم تقوم بالامر مجانا!!!!! ههههه
الفكرة تكتمل في بناء إضافة خاصة بمتصفح كوكل كروم ، الامر ليس صعب فكل من يمتلك متصفح كوكر كروم فهو قادر على ان يكون مطور إضافات كروم ، في الحقيقة كروم تفرض فتح حساب مطور ب5 دولار لكن locle سيكون مجاني اي انك وحدك من يمتلك هذه الاضافة
بامكانك متابعة دورة لتعلم بناء إضافات كروم
http://www.guercifzone.com/2017/06/blog-post_27.html
لبناء اضافة خاصة بكروم تحتاج الى معرفة متوسطة بالجافاسكربت و css وhtml في هذا الدرس سنعتمد طريقتين باستخدام الجافاسكربت او css لاخفاء العناصر فلن نحتاج الى html
اولا قم بانشاء ملف json وليكن كالتالي manifest.json وضع الكود التالي بداخله
{
"manifest_version": 2,
"name": "Modify Content",
"version": "0.1.0",
"description": "this extention can edit or remove js & css Content from webpage",
"permissions":["tabs"],
"content_scripts": [{
"css": ["style.css"],
"js": ["contenu.js"],
"matches": ["https://www.facebook.com/*"]
}]
}
في ملف json اخبرناه انها اظافة من نوع 2 من خلال الكود التالي :manifest_version ثم وضعنا هنوان واعلنا عن الملفات المستخدمة واخذنا ترخيصtabs من خلال permission للمزيد من المعلومات شاهد دورتي على اليوتوب
https://www.youtube.com/playlist?list=PLKrrCPEOYW5Gv_77Ayof0rLzwjv1O_pmI
الان نقوم بانشاء ملف js باي اسم نريده مثلا انا صرحت في content_scripts ان الملف الخاص بالجافاسكربت هو contenu.js لذا ساقوم بانشاء ملف يحمل نفس الاسم
chrome.tabs.executescript({
//code: 'document.getElementById("pagelet_ego_pane").style.display = "none";'
//code: 'document.getElementsByClassNameClassName("_1qkq")[0].style.display = "none";'
});
بعد ان اعلنا عن ترخيص لtabs نقوم باستدعاء ل api الخاص ب chrome ثم بعدها tabs والغرض منه هو استخدام سكربت للجافاسكربت بداخل صفحة المتصفح executescript بعدها اضع code:ثم اضع الكود الخاص بالجافاسكربت داخل علامتي التنصيص الفرضية في هذا الكود قمت بتعليقه يمكنك ازالة // لكي يعمل الكود الهدف منه هو ازالة الصفحات المقترحة من الفيس بوك والاشخاص المقترحين من شركة فيسك بوك ،في الكود استخدمت طريقتين اما بالنداء بالكلاسة او بالمعرف id الخيار لك اخي الكريم
يمكنك اخي الاكتفاء بهذا الكود او اضافة ملف ستايل css الى الاضافة ايضا لهذا الملف نفس الغرض والفاعلية في الصفحة هو ايضا صرحنا به في ملف json بعنوان style.css ويحمل كود بسيط جدا لكن له فعالية قوية على محتوى الصفحة
.pagelet-group{display: none;}
._1qqn{display: none;}
كل من الكلاسة pagelet-group و الكلاسة ._1qqnمسؤولة عن الاعلانات الجانبية والاعلانات الخاصة بالصفحات والاشخاص المقترحين ومن ضمنها الاشخاص المقترحين داخل time_line الخاص بالفيس بوكالان نضع كل من الملفات داخل مجلد نقوم بتسمية هذا المجلد بالعنوان الذي نريده لكن لا يجب ان يكون هناك فراغات بين العنان ان كنت تريد وضع فراغات انصحك بالعارضة الكبيرة مثلا : sadik_fattah بهذا الشكل
الان ناتي الى تفعيل خاصية المطور في متصفح كروم بعد الدخول الى الرابط التالي
chrome://extensions/
بعدها نقوم بالضغط على زر الرفع لكي نرفع ملف الاضافة على متصفحنا
وهكذا مبروك عليك اول اضافة لكروم تبنيها اخي الكريم بكود قليل جدا
ان كنت مبرمج وتحب مشاهدة الاكواد على https://cdnjs.com/ او على الفيس بوك او موقع تواصلي ويزعجك منظر الكود بالابيض والاسود وحتى انه يصعب قراءته انصحك بتثبيت الإضافة التالية ودعمي بأربع نجوم :)
https://chrome.google.com/webstore/detail/guercif-highlighting/ppgbbdejahdjlfbmgcjdikfnmfheknla
قبل استخدام الإضافة
بعد إستخدام الإضافة :
الـأن نأتي الى تحميل سورس كود تبع الإضافة الخاصة بحجب المحتوى :)
https://github.com/sadik-fattah/Modify_content
0 تعليقات