content-script

I am looking for a function inside a webpage te activate a chrome extension. Imagine that http://www.example.com/test.html contains: <script> hello(); </script> And my background page contains the definition of the hello function: function hello() { alert("test"); } How can I make sure that the Chrome extension's background page's hello is called when test.html calls hello(); ? Rob W Before a web page is able to call a background page's function, the following problems need to be solved: Be able to use hello(); from a web page. This is done by injecting a script defining hello using Content

My extension is supposed to load a content script, searchTopic.js, only after the page it's injected into has already fully loaded (yes, I have set "run_at" to "document_end" in the extension manifest), but in fact it's loading before all the DOM objects have been created (the crucial ones are created via some Javascript in the page). So, the question is, how can I wait until the page's Javascript has executed? Here's my manifest: "content_scripts": [ { "run_at": "document_end", "matches": ["https://groups.google.com/forum/*"], "js": ["searchTopic.js"] } ], "run_at": "document_end" is the

I need to programmatically inject multiple script files (followed by a code snippet) into the current page from my Google Chrome extension. The chrome.tabs.executeScript method allows for a single InjectDetails object (representing a script file or code snippet), as well as a callback function to be executed after the script. Current answers propose nesting executeScript calls: chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript(null, { file: "jquery.js" }, function() { chrome.tabs.executeScript(null, { file: "master.js" }, function() { chrome.tabs

I'm trying to inject my CSS from JavaScript which is injected as content script: "content_scripts": [ { "matches": ["http://www.google.com/*"], "js": ["script.js"] } ], I found similar question about injecting CSS, but I encountered a problem while using code from accepted answer . Here's my script.js contents: var link = document.createElement("link"); link.href = chrome.extension.getURL("style.css"); link.type = "text/css"; link.rel = "stylesheet"; document.getElementsByTagName("head")[0].appendChild(link); After I load some page this message appears in console: Denying load of chrome

I know that question has been repeatedly asked in different ways, but I tried to go through all the answers (hopefully I didn't miss anyone) and none of them worked for me. Here is my extension's code: manifest: { "name": "test", "version": "1.1", "background": { "scripts": ["contextMenus.js"] }, "permissions": ["tabs", "<all_urls>", "contextMenus"], "content_scripts" : [ { "matches" : [ "http://*/*" ], "js": ["jquery-1.8.3.js", "jquery-ui.js"], "css": [ "jquery-ui.css" ], "js": ["openDialog.js"] } ], "manifest_version": 2 } contextMenus.js function onClickHandler(info, tab) { if (info

My matches scheme: "content_scripts" : [ { "matches" : [ "https://stackoverflow.com/questions#epic*" ], "js" : ["silly.js"] } ], So if the user went to a webpage (like https://stackoverflow.com/questions ) then added #epic it would go to https://stackoverflow.com/questions#epic but would have #epic on the end of the URL, which would activate the content script silly.js . That's what's supposed to happen, but that doesn't work. See Content scripts, Match Patterns . Match patterns do not operate on the query nor the fragment portions of a URL. To restrict a content script to a given hash, use

I am new to Chrome extensions. I am trying to communicate between the content script and the background.html page. The background.html sends a request, " hello ", to the content script and the content script should respond back with " hello background " alert. But it's just not happening. My background.html code is: function testRequest() { chrome.tabs.getSelected(null, function(tab) { chrome.tabs.sendRequest(tab.id, {greeting: "hello"}); }); } content.js code: chrome.extension.onMessage.addListener( function(request, sender, sendResponse) { if (request.greeting == "hello") alert("hello

I'm developing a Google Chrome extension which simulates keyboard events on a web-page. I found that event.initKeyboardEvent() does not work properly because of this webkit bug and I also found some workarounds, e.g. SO Question However, defining properties on event object is not working because extension's content script has its own "parallel world" so properties defined in content script are not visible to web-page script. My only and last hope that DOM 4 Event Constructors work in Google Chrome and it would be possible to properly initialize keyboard event through constructor var event =