Greasemonkey: document.head शून्य है जब @run-at document-start

को निर्मित 15 जून 2017 · 9टिप्पणियाँ · स्रोत: greasemonkey/greasemonkey

पर्यावरण

कुंजी | मूल्य
-- | --
सिस्टम प्लेटफार्म | एएमडी 64, विंडोज-10-10.0.14393
ब्राउज़र | फ़ायरफ़ॉक्स डेवलपर संस्करण (55.0 बीटा 1, 64 बिट)
उपयोगकर्ता एजेंट | Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:55.0) Gecko/20100101 Firefox/55.0
विन्यास बनाएँ | https://hg.mozilla.org/releases/mozilla-beta/rev/6872377277a618b2b9e0d2b4c2b9e51765ac199e
तेल बंदर | 3.11

उपयोगकर्ता स्क्रिप्ट का परीक्षण करें:

// ==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 23 जून 2017

👍2

सभी 9 टिप्पणियाँ

अंतिम अच्छा: फ़ायरफ़ॉक्स 55.0a1 (2017-03-17)
https://hg.mozilla.org/mozilla-central/rev/39607304b774591fa6e32c4b06158d869483c312 से बनाएं

पहला खराब: फायरफॉक्स 55.0a1 (2017-03-17)
https://hg.mozilla.org/mozilla-central/rev/23a4b7430dd7e83a2809bf3dc41471f154301eda से बनाएं

पुशलॉग:
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=39607304b774591fa6e32c4b06158d869483c312&tochange=23a4b7430dd7e83a2809bf3dc41471f154301eda

बग 1333990 संदिग्ध है।

यह भी देखें #1849

janekptacijarabaci 15 जून 2017

👍2

@janekptacijarabaci एक समाधान मिला:

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

यह अस्थिर और अविश्वसनीय लगता है, लेकिन यह सबसे आसान तरीका है जो मुझे वर्तमान में मिल सकता है जो चीजों को काम करता है।

byzod 16 जून 2017

... और दस्तावेज अभी भी गलत है।
https://developer.mozilla.org/en-US/docs/Observer_Notifications#Documents

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

janekptacijarabaci 16 जून 2017

मुझे नहीं लगता कि यह एक बग है। document-start बहुत पहले होता है। यह किसी भी सामग्री जावास्क्रिप्ट को निष्पादित करने से पहले उपयोगकर्तास्क्रिप्ट को पृष्ठ में हेरफेर करने की अनुमति देता है।

यदि आप बाद में निष्पादित करना चाहते हैं तो बस document-end का उपयोग करें या किसी विशेष तत्व को सम्मिलित करने के लिए प्रतीक्षा करने के लिए उत्परिवर्तन पर्यवेक्षकों का उपयोग करें।

the8472 23 जून 2017

@the8472
शायद आप ठीक कह रहे हैं।
एमडीएन के अनुसार:

दस्तावेज़-तत्व-सम्मिलित
किसी दस्तावेज़ का मूल तत्व बनने के तुरंत बाद भेजा जाता है, लेकिन उस पर किसी भी स्क्रिप्ट को निष्पादित करने से पहले।

document-start ( document-element-inserted पर आधारित) <html></html> बनने के तुरंत बाद निकाल दिया जाता है, इस समय, <head> शून्य है।

लेकिन यह कई लिपियों को तोड़ता है जो पृष्ठ को प्रस्तुत करने से पहले शैली जोड़ने का प्रयास करते हैं (यदि आप GM_addstyle document-end साथ करते हैं तो आप देखेंगे कि पृष्ठ ब्लिंक कर रहा है) जैसा कि यह पहले काम करता है

मुझे यकीन नहीं है कि यह जानबूझकर है

byzod 23 जून 2017

GM_addStyle वैसे भी मूर्खतापूर्ण है, यह केवल <style> टैग को <head> में सम्मिलित करता है, यदि आवश्यक हो तो आप स्वयं एक उत्परिवर्तन पर्यवेक्षक के साथ ऐसा कर सकते हैं।

लेकिन अगर यह वास्तविक चिंता है तो इसे <head> उपयोग पर्यवेक्षकों की उपस्थिति की जांच करने के लिए पैच किया जा सकता है यदि ऐसा नहीं है।

the8472 23 जून 2017

👎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});
}

byzod 23 जून 2017

👍2

हां, gm_addstyle को ठीक किया जाना चाहिए।

लेकिन एक स्क्रिप्ट जो कुछ भी कर सकती है, उसे दस्तावेज़-स्टार्ट पर भी उसी हुप्स के माध्यम से कूदना पड़ता है, उस संबंध में शैलियों को जोड़ना विशेष नहीं है। DOM में से कुछ भी उपलब्ध नहीं है, इसलिए आपको जो कुछ भी चाहिए उसकी प्रतीक्षा करनी होगी। यानी आपको वैसे भी पर्यवेक्षकों का उपयोग करने की आवश्यकता है यदि आप दस्तावेज़-शुरू में चीजें चलाते हैं।

the8472 23 जून 2017

विस्तृत रिपोर्ट के लिए धन्यवाद, लेकिन यह WAI है, और 3.x शाखा वैसे भी ~ मृत है। (मैं, एक के लिए, हमारे नए वेब एक्सटेंशन अधिपति का स्वागत करता हूं।) GM_addStyle जैसी चीजें 4.x में कभी मौजूद नहीं होने से तय की जाएंगी।

https://arantius.com/misc/greasemonkey/amazon-url-cleaner.user.js जैसी स्क्रिप्ट मौजूद हैं जिन्हें DOM की बिल्कुल भी आवश्यकता नहीं है, और उन्हें ASAP चलाना चाहिए।

arantius 23 जून 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Greasemonkey: document.head शून्य है जब @run-at document-start

पर्यावरण

उपयोगकर्ता स्क्रिप्ट का परीक्षण करें:

अपेक्षित परिणाम:

वास्तविक परिणाम:

सबसे उपयोगी टिप्पणी

सभी 9 टिप्पणियाँ

संबंधित मुद्दों