Chrome拡張機能のコンテンツスクリプトjavascript - run_at document_endが正しく動作しない

Question

テストとして、Facebookの右側にある「ニュース」セクションと右側の広告を隠すクロム拡張を作成しています。また、背景色を黒に変更します。

私の今の問題は、Facebookにロードするとニュースと白い背景がわずかに表示されて消えてしまうことです。だからrun_atをdocument_endに設定すると、ページが既に読み込まれた後にjavascriptが実行されるように見えます。私はdocument_startとdocument_idleも同様の結果を試してみました。ニュースセクションがまったく表示されないようにするにはどうすればよいですか？

manifest.jsonを：

{ 
    "manifest_version": 2, 

    "name": "FB_Trending_Hide_ChromeExtension", 
    "description": "This extension will hide the trending news section of Facebook", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png" 
    }, 
    "content_scripts": [{ 
    "run_at": "document_end", 
    "matches": ["*://*.facebook.com/*"], 
    "js": ["content.js"], 
    "all_frames": true 
    }], 
    "permissions": [ 
    "tabs", "*://*.facebook.com/*", "activeTab" 
    ] 
} 

content.js：

document.getElementById("pagelet_trending_tags_and_topics").style.display = 'none'; 
document.getElementById("pagelet_ego_pane").style.display = 'none'; 
document.body.style.background = 'black'; 

Answer 1

これは、CSSのための仕事のように見えます"css"、content_scriptsエントリではなく、JavaScriptを、"js"。 CSSを使用する方が簡単です：要素をページに動的に追加することさえ考慮する必要はありません。

あなたのような何かを行うことができます：

manifest.jsonを（のみcontent_scripts部分）：

"content_scripts": [{ 
    "run_at": "document_start", 
    "matches": ["*://*.facebook.com/*"], 
    "css": ["facebookContent.css"], 
    "all_frames": true 
    }], 

facebookContent.css：

​​3210