Prevent Chrome extension from triggering HTTP authentication popup (digest)

Currently in the process of developing a chrome extension that requires access to http-auth protected resources (webdav), particularly those using digest authentication.

I have successfully implemented authentication directly within the ajax request by utilizing the https://login:[email protected]/path/to/ressource format.

The challenge arises when incorrect login credentials are provided, resulting in Chrome displaying the standard authentication dialog. This is undesirable as it can confuse users and prevents saving the credentials from this prompt.

Additionally, there is a scenario where I need to verify if a resource is password-protected without attempting to input credentials for accessing it.

Looking for suggestions on how to handle a 401 error without triggering Chrome's authentication box.

javascriptajaxgoogle-chromegoogle-chrome-extensionhttp-authentication

Answer №1

With the introduction of the onAuthRequired event in Google Chrome 22, the Google Chrome teams have made it possible to detect when HTTP Basic Authentication is needed.

I developed an extension that automatically sends the HTTP Basic Authentication credentials using this new event.

You can find the extension for free on the official Google Chrome web store: https://chrome.google.com/webstore/detail/basic-authentication-auto/dgpgkkfheijbcgjklcbnokoleebmeokn

Here's an example of how to use the onAuthRequired event:

sendCredentials = function(status)
{   
    console.log(status);
    return {username: "foo", password: "bar"};
}

chrome.webRequest.onAuthRequired.addListener(sendCredentials, {urls: ["<all_urls>"]}, ["blocking"]);

Make sure to add the necessary permissions to the manifest file to utilize the onAuthRequired feature:

"permissions": [ "http://*/*", "https://*/*", "webRequest", "webRequestBlocking", "tabs" ],

Feel free to download the extension and explore the source code for a more thorough understanding.

This functionality should also work seamlessly even if the request was initiated from another extension.

Answer №2

It appears that there is a noticeable deficiency in the behavior of Chrome, with many users hoping to see something similar to what Chris highlighted as mozBakgroundRequest. There is already an existing bug report for this issue.

Some developers have proposed (hackish) workarounds in the bug tracker:

  • Using a web worker and timeout to make the request
  • Utilizing the background page for the same purpose

Both options prevent an authentication box from popping up, but it may be challenging to distinguish between a genuine server timeout and a 401 error. Please note that I have not personally tested these workarounds.

Answer №3

It seems like a challenging situation. If you are utilizing the browser's http client, it may require the user to enter credentials for a 401 error.

UPDATE: Take a look at "mozBackgroundRequest" in Mozilla territory here: https://developer.mozilla.org/en/XMLHttpRequest.

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

Angular Material Sidenav fails to cover the entire screen while scrolling

https://i.stack.imgur.com/32kfE.png When scrolling, the Sidenav is not expanding to take up 100% of the screen and it continues to scroll along with the page content. <div layout="column"> <section layout="row" flex> <!-- siden ...

javascriptcssangularjsangularjs-directiveangular-material

The onclick event for a Bootstrap .btn-group checkbox functions correctly in JSFiddle, but encounters issues when tested

The toggle button group in the form below utilizes Bootstrap and checkboxes. I am looking to track click events on the checkbox inputs. <html> <head> <title>Example: Bootstrap toggle button group</title> <meta charset="UTF-8 ...

javascriptjquerycsstwitter-bootstrapbootstrap-4

arrow function implemented in a React hook for handling onClick event

From my understanding, placing an arrow function in the JSX creates a new reference of a new function each time it is triggered. For example: <p onClick={() => handleClick() /> In older versions of React with classes, we could do this: <p onCl ...

javascriptreactjsreact-hooks

Ways to display or conceal dual views within a single Marionette js region

In my LayoutView, I have set up two regions: the filter region and the main region (Content Region). The main region displays a view based on the selection made in the filter region. Currently, I have a view for the main region called Current Year view. H ...

javascriptbackbone.jsmarionette

Discovering how to create a line break within a text area using the $scope feature in Angular

I'm looking to incorporate a text area for chat input that is resizable. I would like to have some pre-filled texts in it, such as: Hi Jhon, Thanks for contacting us.... I want the text to appear on a new line after the existing content in the textar ...

javascriptangularjs

Content refuses to show up on my social networking website project when Ajax is employed

I've been working on a Social Media website for a major project, and I recently implemented Ajax to load posts. However, I'm facing an issue where the content is not displaying on the index page after implementation. My goal is to load 10 posts a ...

phpjqueryhtmlajax

The userName data is not being displayed in the console.log when using socket.io

I'm currently in the process of developing a chat application using socket.io. My goal is to log the user's name when they join the chat. I have set up a prompt on the client side to capture the user's input and emit it to the server. Howeve ...

javascriptnode.jssocket.io

Is there a way to retrieve MongoDB count results in Node.js using a callback function?

Is there a way to access mongodb count results in nodejs so that the outcome can be easily retrieved by asynchronous requests? Currently, I am able to retrieve the result and update the database successfully. However, when it comes to accessing the varia ...

javascriptnode.jsmongodbasynchronous

Retrieve the Data from Input Fields with Matching Classes and Transmit to a Script Using AJAX Request

I am working on a form that includes multiple input fields: <input type="text" class="date" name="date[]" onkeyup="showHint()" /> <input type="text" class="date" name="date[]" onkeyup="showHint()" /> <input type="text" class="date" name="da ...

javascriptphpjqueryhtmlfrontend

Is it possible to create dynamic backgrounds using Twitter Bootstrap's responsiveness?

Is there a way to create a responsive image arrangement for backgrounds on a website? Imagine having different background images load based on various screen resolutions. Additionally, it would be advantageous to specify different behaviors such as having ...

javascriptcsshtmltwitter-bootstrap

Reasons Why Optional Chaining is Not Utilized in Transpiling a Node.js + TypeScript Application with Babel

Currently, I am delving into Babel in order to gain a deeper understanding of its functionality. To facilitate this process, I have developed a basic API using Node.js and TypeScript. Upon transpiling the code and initiating the server, everything operates ...

javascriptnode.jstypescriptexpressbabeljs

What is the process for removing a property from the prototype within an array of MongoDB objects?

I have a database in MongoDB/Mongoose where I store user information, including passwords. However, when I want to display a list of contacts on the frontend, I don't want to include the passwords for security reasons. To achieve this, I attempted to ...

javascriptmongodb

There are occasions when the Phaser sprite.kill() function fails to execute

Currently, I am developing games using Phaser and have encountered an issue with the sprite.kill() method. At times, when I invoke sprite.kill(), it appears that Phaser destroys the body for collisions/overlapping, but the visual elements (image and dragg ...

javascripthtmlphaser-framework

Iterating Through Multiple Dimensions

I am facing a challenge with creating rules from three arrays that I have. The task is to generate every possible combination of entries from each array, but I am struggling with the logic required to write a function for this purpose. For example: var ar ...

javascriptangularjsarrays

Turn off all VuetifyJS transitions

Is there a way to completely turn off all transitions, such as the slide-x-transition or dialog modal scale transition, in VuetifyJS? ...

javascriptvue.jstransitionvuetify.js

After inserting the Telerik component, the code <% ... %> is throwing an error

I have a webpage with ASPX that utilizes JavaScript and ASP components without issues. However, after adding a Telerik combobox, I encountered an error: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %& ...

c#javascriptasp.nettelerik

Utilizing data compression techniques to minimize network bandwidth consumption

Imagine this scenario: I have a considerable amount of data (greater than KB/MB) that needs to be transferred from an ajax request in JavaScript to a webpage in PHP. Would it be beneficial to compress the data using JS scripting before sending it to the se ...

javascriptajaxapachecompression

What is the best way to change the class of an input using jQuery when it is not empty?

Utilizing Bootstrap 4. I am working on a feature where I have four text inputs. If any of these inputs contain values, I want to add a specific class to a button. Upon clicking the button, my goal is to clear all input values and remove the aforementione ...

javascriptjqueryhtmltwitter-bootstrap

Having trouble fetching JSON data from a URL in my React Native project, the response is not as expected

getData() { return fetch("http://bitcfeedcms.rf.gd/script.php") .then(response => { console.log(response); response.json(); }) .then(responseJson => { this.setState({ data: responseJson }); }) .catch(error => { console.er ...

javascriptphpjsonreact-native

Navigating with NextJS to a personalized URL and managing the feedback from an external application

I'm currently in the process of developing an application that involves redirecting users to a specific URL, prompting them to open an app (with a url starting with zel:), and then sending a request back to my server. Here's the envisioned user j ...

javascriptnext.js