Javascript chrome插件通过JQuery在facebook newsfeed DOM树中添加或删除一些元素
我正在编写chrome插件,它可以在facebook的newsfeed中添加一些功能,或者从DOM树中删除一些元素。 但是我有个麻烦。 起初,页面已经显示出来,只是在添加或删除这个DOM元素之后。但是我想让页面已经显示了这些元素。 怎么做 manifest.json jquery.js-最新的jquery库版本。Javascript chrome插件通过JQuery在facebook newsfeed DOM树中添加或删除一些元素,javascript,jquery,google-chrome,google-chrome-extension,Javascript,Jquery,Google Chrome,Google Chrome Extension,我正在编写chrome插件,它可以在facebook的newsfeed中添加一些功能,或者从DOM树中删除一些元素。 但是我有个麻烦。 起初,页面已经显示出来,只是在添加或删除这个DOM元素之后。但是我想让页面已经显示了这些元素。 怎么做 manifest.json jquery.js-最新的jquery库版本。 请告诉我我做错了什么?谢谢。我已经解决了这个问题。 1.添加到“内容脚本”部分的manifest.json-css:[“style.css”]: 二,。添加到style.css下一个代
请告诉我我做错了什么?谢谢。我已经解决了这个问题。
1.添加到“内容脚本”部分的manifest.json-css:[“style.css”]: 二,。添加到style.css下一个代码:
body {display: none;}
三,。添加到background.js
chrome.webNavigation.onDOMContentLoaded.addListener(function(details) {
chrome.tabs.executeScript(details.tabId, {
code:
' $("#home_stream li div.attachmentText span.caption:contains(\'youtube.com\')").closest("li").empty();'
});
});
"content_scripts": [
{
"matches": ["https://www.facebook.com/*"],
css: ["style.css"],
"js": ["jquery.js"]
}
]
body {display: none;}
chrome.webNavigation.onDOMContentLoaded.addListener(function(details) {
chrome.tabs.executeScript(details.tabId, {
code:
' $("#home_stream li div.attachmentText span.caption:contains(\'youtube.com\')").closest("li").empty();' +
' $("body").css("display", "inline");'
});
});