Greasemonkey: يعد document.head فارغًا عند @ run-at document-start

تم إنشاؤها على ١٥ يونيو ٢٠١٧ · 9تعليقات · مصدر: greasemonkey/greasemonkey

بيئة

اختبار البرنامج النصي للمستخدم:

// ==UserScript==
// <strong i="15">@name</strong>        HeadTest
// <strong i="16">@namespace</strong>   HeadTest
// <strong i="17">@include</strong>     *
// @run-at      document-start
// <strong i="18">@version</strong>     1
// <strong i="19">@grant</strong>       none
// ==/UserScript==
AddGlobalStyle('body{background-color:red;}');

function AddGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName("head")[0];
    console.log("[Test]: Head: %o", head); //DEBUG
    console.log("[Test]: document.head: %o", document.head); //DEBUG
}

النتيجة المتوقعة:

[Test]: Head:  <head> 
[Test]: document.head:  <head>

نتيجة فعلية:

[Test]: Head:  undefined
[Test]: document.head:  null

تنطبق هذه المشكلة أيضًا على GM_addStyle

مصدر

byzod

👍5 👎1

التعليق الأكثر فائدة

@ the8472 إذا كان سلوك document-start الحالي صحيحًا ومتعمدًا ، فنحن بحاجة إلى استخدام مراقب في كل مرة تحتاج فيها إلى إضافة نمط
شيء مثل

function addGlobalStyle(css){
  let headHunter = new MutationObserver(
    records => {
    ; check mutation records
    ; is added node's tag name 'head'?
    ; create a style node then throw it in
    ; then disconnect us
   }
  );
  headhunter.observer(document, {childlist : true});
}

مطلوب لكل برنامج نصي يضيف نمطًا قبل document-end . هذا ممل.

آمل أن يتمكن GM_addstyle من فعل ذلك من أجلي ، أو كتابة بعض التحذيرات المفيدة في الويكي ("GM_addstyle غير متاح للنصوص التي تحتوي على @ run-at document-start ، لا تستخدمها ، اعثر على حل بنفسك "، إلخ)

byzod في ٢٣ يونيو ٢٠١٧

👍2

ال 9 كومينتر

آخر خير: Firefox 55.0a1 (2017-03-17)
الإنشاء من https://hg.mozilla.org/mozilla-central/rev/39607304b774591fa6e32c4b06158d869483c312

السيئة الأولى: Firefox 55.0a1 (2017-03-17)
بناء من https://hg.mozilla.org/mozilla-central/rev/23a4b7430dd7e83a2809bf3dc41471f154301eda

Pushlog:
https://hg.mozilla.org/mozilla-central/pushloghtml؟fromchange=39607304b774591fa6e32c4b06158d869483c312&tochange=23a4b7430dd7e83a2809bf3dc41471f154301eda

الخطأ 1333990 هو المشتبه به.

أنظر أيضا # 1849

janekptacijarabaci في ١٥ يونيو ٢٠١٧

👍2

janekptacijarabaci وجدت حلاً:

setTimeout(()=>{
    AddGlobalStyle('body{background-color:red;}');
});

يبدو غير مستقر وغير موثوق به ، ولكن هذه هي أبسط طريقة يمكنني أن أجدها حاليًا والتي تجعل الأشياء تعمل.

byzod في ١٦ يونيو ٢٠١٧

... والوثائق لا تزال خاطئة.
https://developer.mozilla.org/en-US/docs/Observer_Notifications#Documents

https://bugzilla.mozilla.org/show_bug.cgi؟id=1333990#c128

janekptacijarabaci في ١٦ يونيو ٢٠١٧

لا أعتقد أن هذا خطأ. يحدث document-start مبكرًا جدًا . يسمح هذا للمستخدمين بمعالجة الصفحة قبل تنفيذ أي محتوى جافا سكريبت.

إذا كنت تريد التنفيذ لاحقًا ، فما عليك سوى استخدام document-end أو استخدام مراقبي الطفرات لانتظار إدراج عنصر معين.

the8472 في ٢٣ يونيو ٢٠١٧

@ the8472
ربما انت على حق.
وفقًا لـ MDN:

تم إدراج عنصر المستند
يتم إرساله فورًا بعد إنشاء العنصر الجذر للمستند ، ولكن قبل تنفيذ أي نص برمجي عليه.

يتم تشغيل document-start (على أساس document-element-inserted ) فورًا بعد إنشاء <html></html> ، في هذا الوقت ، <head> فارغ.

لكن هذا يكسر العديد من البرامج النصية التي تحاول إضافة نمط قبل عرض الصفحة (إذا كنت تستخدم GM_addstyle مع document-end فستلاحظ أن الصفحة تومض) لأنها تعمل من قبل

لست متأكدًا من أن هذا عن قصد

byzod في ٢٣ يونيو ٢٠١٧

GM_addStyle أمر سخيف على أي حال ، فهو يقوم فقط بإدراج علامة <style> في <head> ، يمكنك القيام بذلك بنفسك ، مع مراقب الطفرات إذا لزم الأمر.

ولكن إذا كان هذا هو القلق الفعلي ، فيمكن تصحيحه للتحقق من وجود <head> استخدم المراقبين إذا لم يكن كذلك.

the8472 في ٢٣ يونيو ٢٠١٧

👎2

function addGlobalStyle(css){
  let headHunter = new MutationObserver(
    records => {
    ; check mutation records
    ; is added node's tag name 'head'?
    ; create a style node then throw it in
    ; then disconnect us
   }
  );
  headhunter.observer(document, {childlist : true});
}

مطلوب لكل برنامج نصي يضيف نمطًا قبل document-end . هذا ممل.

byzod في ٢٣ يونيو ٢٠١٧

👍2

نعم ، يجب إصلاح gm_addstyle.

ولكن كل شيء آخر قد يفعله البرنامج النصي يجب أيضًا أن يقفز عبر الأطواق نفسها عند بدء المستند أيضًا ، مضيفًا أنماطًا ليست خاصة في هذا الصدد. لا يتوفر أي عنصر من عناصر DOM ، لذلك عليك انتظار ما تريده. أي أنك بحاجة إلى استخدام المراقبين على أي حال إذا كنت تدير الأشياء في بداية المستند.

the8472 في ٢٣ يونيو ٢٠١٧

شكرًا على التقرير التفصيلي ، ولكن هذا هو WAI ، وفرع 3.x ميت على أي حال. (أنا ، على سبيل المثال ، أرحب بامتدادات الويب الجديدة.) أشياء مثل GM_addStyle سيتم إصلاحها من خلال عدم وجودها مطلقًا في 4.x.

توجد نصوص برمجية مثل https://arantius.com/misc/greasemonkey/amazon-url-cleaner.user.js والتي لا تحتاج إلى DOM على الإطلاق ، ويجب تشغيلها في أسرع وقت ممكن.