كيفية إعادة تقديم صفحة من امتداد Google Chrome؟

Question

أنا جديد في كتابة الامتدادات لـ Google Chrome. أريد أن أقوم بتمديد يعمل فقط على بضع صفحات (سأختاره) وإعادة عرض CSS الخاصة بهم بعد تحميل الصفحة (من الناحية المثالية ، أود شيء مشابه لما يمكنك فعله GM_addStyle في نصوص Greasemonkey).

كيف يمكنني إنجاز هذا في امتداد الكروم؟

Answer 1

يمكنك استخدام البرامج النصية للمحتوى التي لديها إمكانية الوصول إلى الصفحات DOM.

في بيانك. json يمكن أن يكون لديك:

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "run_at": "document_end"
    }
  ],

سيؤدي ذلك إلى ضخ ملف CSS Mystyles في أي صفحة Google بعد تحميل DOM. هذا لا يكتب تمامًا الأنماط ، لكنك ستتمكن من صياغة CSS الخاصة بك بحيث يحل محل أنماطها.

يمكن العثور على مزيد من المعلومات code.google.com. ويتضمن أيضًا معلومات حول كيفية حقن CSS برمجيًا في صفحة.