Issue with Chrome extension's popup not displaying

I was developing a chrome extension, but I encountered an issue where the popup does not display when clicking on the icon.

After researching online, I found suggestions to change page_action to browser_action. However, even after making this adjustment, the popup still doesn't show up. My operating system is Windows 10, and I am using the latest version of Chrome.

Below is my mainfest.json file:

{
    "manifest_version": 2,
    "name": "Key shifter",
    "version": "1.0.0",
    "description": "select text then press ctrl + shift + e",
    "icons": {"128":"icon128.png"},
    "browser_action": {
    "default_title": "I dont know what im doing",
    "default_popup:": "popup.html"},
    "permissions": [
    "activeTabs",
    "http://*/*",
    "https://*/*",

  ]
}
javascriptjsongoogle-chrome-extension

Answer №1

There are a couple of issues with your manifest file:

  1. You have an extra comma(,) after the last permission.
  2. The key for default_popup is not valid. You have included an extra colon in "default_popup:". It should be "default_popup": "popup.html".

Here is the updated manifest file:

{
    "manifest_version": 2,
    "name": "Key Shifter",
    "version": "1.0.0",
    "description": "Select text then press ctrl + shift + e",
    "icons": {
        "128": "icon128.png"
    },
    "browser_action": {
        "default_title": "I don't know what I'm doing",
        "default_popup": "popup.html"
    },
    "permissions": [
        "activeTabs",
        "http://*/*",
        "https://*/*"
    ]
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it feasible to utilize the .fadeTo() function in jQuery multiple times?

I need some help with writing a script that will display a warning message in a div tag every time a specific button is pressed. I chose to use the fadeTo method because my div tag is within a table and I want to avoid it collapsing. However, I'm noti ...

javascriptjqueryhtml

Navigating an array of strings from a database using Ruby on Rails

After saving an array of strings to my Rails database, I noticed that when trying to use it in the view, it seems to be printing the string definition of the array. Could this be related to JSON formatting? How can I make it so that the view simply displa ...

ruby-on-railsarraysjson

Utilizing Zend_Http_Client for sending a JSON object via POST request

I am attempting to send a JSON object as a POST command using the code snippet below: $uri = "http://amore-luce.com/product_create"; $product = $observer->getEvent()->getProduct(); $json = Mage::helper('core')->jsonEncode($ ...

phpjsonpost

Error: Exceeded Maximum Re-Renders. React has set a limit on the number of renders to avoid infinite loops. Issue found in the Toggle Component of Next.js

I am struggling with setting a component to only display when the user wants to edit the content of an entry, and encountering an error mentioned in the title. To achieve this, I have utilized setState to manage a boolean using toggle and setToggle, then ...

javascriptreactjstypescriptnext.jsreact-hooks

pm2 initiates two identical processes using distinct versions

I am currently using pm2 version 4.2.3 Upon executing the command: pm2 start node launchers/engine_launcher.js --name "engine", it initiates the following processes: id │ name │ namespace │ version │ mode │ pid - ...

javascriptnode.jspm2

Having trouble with uploading a file through ajax

I'm currently working on uploading form data through ajax, but I've encountered an issue with uploading images/files. Form Code <form class="form-inline" id="form_add" enctype="multipart/form-data"> <input type="file" id="file-inpu ...

javascriptphpjqueryajaxfile-upload

Deciphering JSON is not functioning as expected

I am looking to utilize and parse a list of radio stations from the CuteRadioAPI. You can find more information about it here. When making a GET request, the result I receive looks something like this: It appears that the structure is not exactly in JSON ...

jsonswift

Get an MP4 on your iPhone (iOS) by downloading it from a link on a webpage

Despite trying various methods such as the HTML5 download tag, JavaScript, JQuery, and other techniques, I have not been able to successfully download a file to the Album. While photos can be saved by long clicking and selecting "Save Image", videos do n ...

javascriptjqueryiosiphonemp4

Tips on managing Array indexes in AngularJS

Just diving into the world of Angularjs and I have some JSON files containing an array of car objects that I'm displaying on my webpage. My goal is to have a "button" that, when clicked, will alert me with data specific to that particular button. The ...

javascriptjqueryarraysjsonangularjs

js respond with connection

Currently, I'm utilizing a crossdomain ajax call to retrieve data from my Rails application. After implementing a method that I found and works wonderfully, I realized that Rails does not render the associated data along with it. Despite my attempts t ...

ruby-on-railsruby-on-rails-3jsonassociations

Encountering an error during the testing of an AWS Lambda function: {"errorMessage": "'httpMethod'", "errorType": "KeyError"

Currently, I am in the process of developing a serverless architecture. As part of this project, I am attempting to access the 'index.html' page through an API gateway. However, during my testing of the Lambda function for handling POST and GET r ...

pythonjsonamazon-web-servicesaws-lambdaaws-api-gateway

Unable to fetch a new session from the selenium server due to an error

I'm currently in the process of setting up Nightwatch.js for the very first time. I am following the tutorial provided at this link: https://github.com/dwyl/learn-nightwatch Unfortunately, I have encountered a barrier and require assistance to resolv ...

javascriptseleniumwebdrivernightwatch.js

Refresh a div using jQuery and include PHP files for dynamic content updating

This is the code I am using to dynamically update divs containing PHP files: $(document).ready(function() { setInterval(function() { $('#ContentLeft').load('live_stats1.php').fadeIn("slow"); $('#ContentRight').load( ...

javascriptphpjqueryhtml

Convert TypeScript-specific statements into standard JavaScript code

For my nextjs frontend, I want to integrate authentication using a keycloak server. I came across this helpful example on how to implement it. The only issue is that the example is in typescript and I need to adapt it for my javascript application. Being u ...

javascriptreactjstypescriptnext.js

The Ajax Process continues to run even after the user has navigated away from the page

Currently, I have a JavaScript function that refreshes a specific section of a Rails-generated view every 2.5 seconds using a JS request to update a basic progress bar. function refreshPage(){ $.ajax({ type:"GET", dataType:"script" }) } s ...

javascriptruby-on-railsajax

How can you effectively utilize Selenium to web scrape a webpage featuring collapsible fields?

Have you checked out this website - ? I'm currently working on extracting fixture data from it, such as competition names, team names, and dates. Although I have a scraping solution in place, the challenge lies in dealing with collapsible competition ...

javascriptpythonselenium-webdriverweb-scraping

Developing a RESTful API with Discord.js integrated into Express

Currently, I am faced with the challenge of integrating the Discord.js library into an Express RESTful API. The main issue at hand is how to effectively share the client instance between multiple controllers. The asynchronous initialization process complic ...

javascriptnode.jsrestexpressdiscord.js

Node.js removes leading zeroes from dates

I am looking to generate a string with the current date and time in the format: "2021-06-02 09:37:38" const today = `${new Date().toLocaleDateString('sv-se')} ${new Date().toLocaleTimeString('sv-se')}`; console.log(today); ...

javascriptnode.jsdatetime

Android, a data table for read-only configuration

I am looking for an efficient way to organize data in datatable style, specifically game items parameters that are only needed for read access. Would it be best to use SQL for this purpose? In the past, for desktop development, I created a table in Excel a ...

androidjsondatatable

Invoke a Google Apps Script through AJAX that necessitates authentication

I am looking to access a Google Apps Script via AJAX that requires user authorization to send an email from their Gmail account. The challenge lies in the fact that I need to send the email from within the Google Apps Script. The call originates from my w ...

javascriptajaxgoogle-apps-scriptoauth-2.0google-oauth