All geek questions in one place

TypeError: [API] - undefined in script content or Why can't I do this in script content?

I tried to write a simple extension in Firefox in which I change the title of X-Frame-Allow .

I took a quick look at the documentation and see that they support webRequest.onHeadersReceived.addListener() . However, I cannot get my code to work when the headers are received.

manifest.json

 { "manifest_version": 2, "name": "xframeoptions", "version": "1.0", "description": "Set X-Frame-Options to ALLOW", "icons": { "48": "icons/icon.png" }, "permissions": [ "webRequest", "webRequestBlocking", "<all_urls>" ], "content_scripts": [ { "matches": ["<all_urls>"], "js": ["xframeoptions.js"] } ] }

xframeoptions.js

 function rewriteHeader(e) { console.log(e.responseHeaders); for (var header of e.responseHeaders) { console.log(header.name + ":" + header.value); if (header.name == "X-Frame-Options") { header.value = 'ALLOW'; modified = true; break; } } return {responseHeaders: e.responseHeaders}; } console.log("Initializing xframeoptions extension ...test"); browser.webRequest.onHeadersReceived.addListener( rewriteHeader, {urls: ['<all_urls>']}, ["blocking", "responseHeaders"] );

How to change response headers through Firefox web applications?

+7
source share
2 answers

Content scripts do not have access to the API you are using

You are trying to do this from content script . You need to do this from the background script . Content scripts have access to a small subset of the WebExtensions APIs. Available APIs include (from the MDN content scripting page ):

From extension :

From runtime :

From i18n :

All from storage .

This does not include the API you are trying to use (e.g. webRequest ).

Change your .json manifest to use the background page

You should change your .json manifest instead of the content_scripts key for your xframeoptions.js, run it as a background script, using something like:

 "background": { "scripts": [ "xframeoptions.js" ] },

Extensions are divided into background scripts and content scripts

If you need information from an API call in your script content, you will need to use a message to exchange data between the contents of the script and your background script . However, often you can move the full logic into a script running in the background context (background scripts, pop-up scripts, scripts of settings pages, etc.). What exactly is required will depend on what you want to execute with the script.

This separation of functionality between all privileged APIs that are available in the background and access to web page content that is accessible in content scripts (with very limited access to privileged APIs) with asynchronous messaging between them is fundamental to how archived extensions . You will need to design your extension around this architecture.

Some possible errors that may be caused by this problem.

There are a number of possible errors that can be caused by this problem. The following is an incomplete list of possible errors:

 TypeError: browser.alarms is undefined TypeError: browser.bookmarks is undefined TypeError: browser.browserAction is undefined TypeError: browser.browsingData is undefined TypeError: browser.commands is undefined TypeError: browser.contextMenus is undefined TypeError: browser.contextualIdentities is undefined TypeError: browser.cookies is undefined TypeError: browser.devtools.inspectedWindow is undefined TypeError: browser.downloads is undefined TypeError: browser.events is undefined TypeError: browser.extension.getBackgroundPage is undefined TypeError: browser.extension.getExtensionTabs is undefined TypeError: browser.extension.getViews is undefined TypeError: browser.extension.isAllowedFileSchemeAccess is undefined TypeError: browser.extension.isAllowedIncognitoAccess is undefined TypeError: browser.extension.lastError is undefined TypeError: browser.extension.onRequest is undefined TypeError: browser.extension.onRequestExternal is undefined TypeError: browser.extension.sendRequest is undefined TypeError: browser.extension.setUpdateUrlData is undefined TypeError: browser.extension.ViewType is undefined TypeError: browser.extensionTypes is undefined TypeError: browser.history is undefined TypeError: browser.i18n.LanguageCode is undefined TypeError: browser.identity is undefined TypeError: browser.idle is undefined TypeError: browser.management is undefined TypeError: browser.notifications is undefined TypeError: browser.omnibox is undefined TypeError: browser.pageAction is undefined TypeError: browser.privacy is undefined TypeError: browser.runtime.connectNative is undefined TypeError: browser.runtime.getBackgroundPage is undefined TypeError: browser.runtime.getBrowserInfo is undefined TypeError: browser.runtime.getPackageDirectoryEntry is undefined TypeError: browser.runtime.getPlatformInfo is undefined TypeError: browser.runtime.id is undefined TypeError: browser.runtime.lastError is undefined TypeError: browser.runtime.MessageSender is undefined TypeError: browser.runtime.onBrowserUpdateAvailable is undefined TypeError: browser.runtime.onConnectExternal is undefined TypeError: browser.runtime.onInstalled is undefined TypeError: browser.runtime.OnInstalledReason is undefined TypeError: browser.runtime.onMessageExternal is undefined TypeError: browser.runtime.onRestartRequired is undefined TypeError: browser.runtime.OnRestartRequiredReason is undefined TypeError: browser.runtime.onStartup is undefined TypeError: browser.runtime.onSuspend is undefined TypeError: browser.runtime.onSuspendCanceled is undefined TypeError: browser.runtime.onUpdateAvailable is undefined TypeError: browser.runtime.openOptionsPage is undefined TypeError: browser.runtime.PlatformArch is undefined TypeError: browser.runtime.PlatformInfo is undefined TypeError: browser.runtime.PlatformNaclArch is undefined TypeError: browser.runtime.PlatformOs is undefined TypeError: browser.runtime.Port is undefined TypeError: browser.runtime.reload is undefined TypeError: browser.runtime.requestUpdateCheck is undefined TypeError: browser.runtime.RequestUpdateCheckStatus is undefined TypeError: browser.runtime.sendNativeMessage is undefined TypeError: browser.runtime.setUninstallURL is undefined TypeError: browser.sessions is undefined TypeError: browser.sidebarAction is undefined TypeError: browser.tabs is undefined TypeError: browser.thing is undefined TypeError: browser.topSites is undefined TypeError: browser.webNavigation is undefined TypeError: browser.webRequest is undefined TypeError: browser.windows is undefined TypeError: chrome.alarms is undefined TypeError: chrome.bookmarks is undefined TypeError: chrome.browserAction is undefined TypeError: chrome.browsingData is undefined TypeError: chrome.commands is undefined TypeError: chrome.contextMenus is undefined TypeError: chrome.contextualIdentities is undefined TypeError: chrome.cookies is undefined TypeError: chrome.devtools.inspectedWindow is undefined TypeError: chrome.downloads is undefined TypeError: chrome.events is undefined TypeError: chrome.extension.getBackgroundPage is undefined TypeError: chrome.extension.getExtensionTabs is undefined TypeError: chrome.extension.getViews is undefined TypeError: chrome.extension.isAllowedFileSchemeAccess is undefined TypeError: chrome.extension.isAllowedIncognitoAccess is undefined TypeError: chrome.extension.lastError is undefined TypeError: chrome.extension.onRequest is undefined TypeError: chrome.extension.onRequestExternal is undefined TypeError: chrome.extension.sendRequest is undefined TypeError: chrome.extension.setUpdateUrlData is undefined TypeError: chrome.extension.ViewType is undefined TypeError: chrome.extensionTypes is undefined TypeError: chrome.history is undefined TypeError: chrome.i18n.LanguageCode is undefined TypeError: chrome.identity is undefined TypeError: chrome.idle is undefined TypeError: chrome.management is undefined TypeError: chrome.notifications is undefined TypeError: chrome.omnibox is undefined TypeError: chrome.pageAction is undefined TypeError: chrome.privacy is undefined TypeError: chrome.runtime.connectNative is undefined TypeError: chrome.runtime.getBackgroundPage is undefined TypeError: chrome.runtime.getBrowserInfo is undefined TypeError: chrome.runtime.getPackageDirectoryEntry is undefined TypeError: chrome.runtime.getPlatformInfo is undefined TypeError: chrome.runtime.id is undefined TypeError: chrome.runtime.lastError is undefined TypeError: chrome.runtime.MessageSender is undefined TypeError: chrome.runtime.onBrowserUpdateAvailable is undefined TypeError: chrome.runtime.onConnectExternal is undefined TypeError: chrome.runtime.onInstalled is undefined TypeError: chrome.runtime.OnInstalledReason is undefined TypeError: chrome.runtime.onMessageExternal is undefined TypeError: chrome.runtime.onRestartRequired is undefined TypeError: chrome.runtime.OnRestartRequiredReason is undefined TypeError: chrome.runtime.onStartup is undefined TypeError: chrome.runtime.onSuspend is undefined TypeError: chrome.runtime.onSuspendCanceled is undefined TypeError: chrome.runtime.onUpdateAvailable is undefined TypeError: chrome.runtime.openOptionsPage is undefined TypeError: chrome.runtime.PlatformArch is undefined TypeError: chrome.runtime.PlatformInfo is undefined TypeError: chrome.runtime.PlatformNaclArch is undefined TypeError: chrome.runtime.PlatformOs is undefined TypeError: chrome.runtime.Port is undefined TypeError: chrome.runtime.reload is undefined TypeError: chrome.runtime.requestUpdateCheck is undefined TypeError: chrome.runtime.RequestUpdateCheckStatus is undefined TypeError: chrome.runtime.sendNativeMessage is undefined TypeError: chrome.runtime.setUninstallURL is undefined TypeError: chrome.sessions is undefined TypeError: chrome.sidebarAction is undefined TypeError: chrome.tabs is undefined TypeError: chrome.thing is undefined TypeError: chrome.topSites is undefined TypeError: chrome.webNavigation is undefined TypeError: chrome.webRequest is undefined TypeError: chrome.windows is undefined
+10
source

This question is for me here. I had a problem with the browser. This line was in my background.js to handle a click on the icon of my extensions:

 browser.browserAction.onClicked.addListener(handleClick);

This line gave me this error:

TypeError: browser.browserAction not defined

What was the problem? I just forgot to define browser_action in my manifest.json:

 "browser_action": { "default_icon": "my-icon.png" }

Maybe this tip might be useful for someone else ... ;-)

0
source

Source: https://habr.com/ru/post/1260875/

More articles:


All Articles