2016-02-03 2 views
-1

В настоящее время я работаю над расширением Google Chrome, которое меняет цвет синей полосы на Facebook при загрузке страницы.Изменить цвет чернил в Facebook (решение)

При проверке кода изображение, накладываемое на синюю полосу, отображается так, что любые изменения цвета фона остаются невидимыми.

Текущий код:

document.getElementById('pagelet_bluebar').style.backgroundColor = 'red'; 
document.getElementById("blueBarDOMInspector").style.visibility = "hidden"; 

В настоящее время я установить статус невидимым, а бар меняет цвет, однако, только бар остается.

Как настроить таргетинг на фоновое изображение в CSS, чтобы удалить его/скрыть?

EDITED 16/02/2016 (РЕШЕНИЕ):

(проявленный)

{ 
    "manifest_version": 2, 

    "name": "MonoChromeBook", 
    "description": "This extension will make a better looking site", 
    "version": "1.0", 

    "browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    }, 
    "permissions": [ 
    "https://www.facebook.com/*" 
    ], 
"content_scripts": [ 
    { 
    "matches": ["https://www.facebook.com/*"], 
    "css" : ["hello.css"], 
    "run_at": "document_end" 
} 
    ] 
} 

CSS

.sidebarMode ._50tj { 
background-color: black; 
} 

._5rzs._5v6d ._5v6e { 
visibility: hidden; 

} 

EDITED 10/02/2016:

Синяя панель меню имеет b изменен, поэтому для корректировки цвета штрихов требуется дальнейшее исследование.

Фон и другие divs все еще доступны для редактирования.

+0

'style.backgroundImage' –

+0

Downvoted: пожалуйста, не вставляйте свой собственный ответ в вопрос, вместо этого отправляйте его как еще один ответ. – Xan

+0

Могу я спросить, почему? – Adam

ответ

0

Расширения Chrome позволяют вводить javascript & css поэтому вводят css, который переопределяет стандартный facebook css, не разбирайте документ с JS. Является менее эластичным решением.

Добавить в манифесте:

"content_scripts": 
[ { 
     "matches": ["http://www.google.com/*"], 
     "css": ["fix.css"], 
     "js": ["script.js"] 
} ], 
+1

Если бы вы могли предоставить фрагмент манифеста/CSS здесь, это был бы лучший ответ. Сейчас это скорее комментарий. – Xan

+0

Как я могу это достичь? – Adam

+0

Снятие моего upvote, так как это не очень полезный пример на данный момент. – Xan

0

document.getElementById ("blueBarDOMInspector") style.backgroundImage = 'ни';.

Смежные вопросы