डीओएम संसाधित होने से पहले Google क्रोम सामग्री स्क्रिप्ट का उपयोग करके मैं एक वेब पेज को कैसे संशोधित कर सकता हूं?

Question

क्रोम सामग्री स्क्रिप्ट का उपयोग करके मैं अपनी सामग्री लोड होने से पहले किसी वेबपृष्ठ में कई iframes को हटाना चाहता हूं।

मुझे पता चला कि संपत्ति का उपयोग करके run_at: document_start को प्रकट करता है, मेरी जावास्क्रिप्ट को मुख्य पृष्ठ अनुरोध के ठीक बाद निष्पादित किया जाता है और डीओएम संसाधित होने से पहले और छवियों, iframes इत्यादि लोड हो जाते हैं। Logicaly इस बिंदु पर डोम संरचना availabel नहीं है और मैं जैसे आदेशों का उपयोग करते पेज को संशोधित नहीं कर सकते हैं:

myelement=document.getElementById('iframeX'); 

myelement.parentNode.removeChild(myelement); 

मैं कैसे पहुँच सकती है और फिर reqeusted पेज डेटा को संशोधित कर सकते हैं?

Answer 1

आप document_start पर अपनी सामग्री स्क्रिप्ट को गति प्रदान और एक beforeload श्रोता जोड़ने की जरूरत है - आप चुनिंदा लोड होने से सामग्री को ब्लॉक करने के लिए और फिर फ्रेम कि सामग्री लोड करने की कोशिश की हटाने event.preventDefault उपयोग कर सकते हैं:

document.addEventListener('beforeload', function(event) { 
     if (event.url.match('facebook')) { 
      event.preventDefault(); 
      $(event.target).remove(); 
     } 
    }, false); 

मेरे पास blogged about an equivalent approach to using the beforeload event for Firefox भी है।

Answer 2

इस के लिए manifest.json को शामिल करना चाहिए content_scripts की तरह:

"content_scripts": [ 
    { 
     "matches": ["*://*/*"], 
     "js": [ "scan.js" ], 
     "run_at": "document_start", 
     "all_frames" : true 
    } 
]