Designate the preferred location for requesting the desktop site

Is there a way to specify the location of the 'Request desktop site' option?

Here is the code I am currently using:

var detector = new MobileDetect(window.navigator.userAgent);
    if(detector.mobile() != null || detector.phone() != null || detector.tablet() != null){
        document.location = '/mobile/login';
    }

This code works on the login page, but when I directly navigate to /mobile/signup and click 'request desktop site', it still shows the mobile signup site instead of the desktop version.

On the other hand,

If I go to /desktop/signup, it redirects me to /mobile/signup which is desirable. However, if I directly visit /mobile/signup, I cannot request the desktop site.

I am relying on mobile-detect.js for this functionality.

javascriptphphtmlcss

Answer №1

If you happen to have two separate folders named desktop and mobile, you can implement the following script in files located within the desktop directory:

var detector = new MobileDetect(window.navigator.userAgent);
    if(detector.mobile() != null || detector.phone() != null || detector.tablet() != null){
        var currentLocation = window.location.href;

       if (currentLocation.indexOf("desktop") > -1){
       document.location.href = currentLocation.replace("desktop","mobile");}
    }

Create a similar script and include it in files within the mobile folder as well.

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

Update the form field with today's date in a JHipster application

In our current project in JHipster, we are facing a challenge with setting the default value of a form field as the current date. JHipster offers a moment format for dates, which is essentially an ngbdatepicker. However, when attempting to change the inpu ...

htmlangularjstypescriptjhipsterjhipster-registry

Is anyone else experiencing differences in the appearance of my mega menu between Safari, Firefox, and Chrome? It seems like

When viewing in Safari, the text overlaps for some reason. It works fine on Firefox and Chrome. Here's a screenshot of the issue: Safari: https://i.stack.imgur.com/hf7v2.png Firefox: https://i.stack.imgur.com/NrOOe.png Please use Safari to test th ...

javascriptjqueryhtmlcsssafari

The event listener in Laravel/Lumen seems to be ignoring events

I have implemented a Lumen controller class that triggers an event upon user creation using an event dispatcher. Although the event is successfully triggered, the listener fails to handle it properly despite meticulously following the guidelines outlined i ...

phpeventslistenerlaravel-5.1lumen

What is the best way to convert an object into an array of objects for use in a select search functionality

I am attempting to map key and value pairs into a single array in order to use them as selectsearch options. I have successfully mapped each item individually, but now I need to combine all the data into one array. How can I achieve this? Here is how I am ...

javascriptreactjswebselectfrontend

What steps should I take to stop material-ui Select options from opening when clicking on specific parts of the selected option?

Presently, I am utilizing a Select component from @material-ui/core/Select, which contains only one option for simplification purposes, and the code snippet is as follows: <FormControl> <InputLabel id="demo-controlled-open-select-label">Test ...

javascriptreactjsdrop-down-menuonclickmaterial-ui

creating a form layout with inline buttons

I have encountered an issue with aligning 2 buttons and a form with input type in a single line. Even though I have tried different approaches, I am unable to achieve the desired inline layout. Here is my current setup: .btn-registerLayout { backgr ...

htmlcsstwitter-bootstrapbootstrap-4

Develop a custom dropdown menu using JavaScript

I've been working on creating a dropdown menu that appears after selecting an option from another dropdown menu. Here's the HTML code I'm using: <br> <select id ="select-container" onchange="addSelect('select-container') ...

javascripthtml

Flexible Options in Drop-Down Menus

Is it possible to create a dynamic dropdown menu that displays the available quantity of products in stock? For example, if there are 45 products in stock, the dropdown should show numbers from 1 to 45. However, if 5 products have already been sold out, th ...

phpmysqlajax

What is the process for adding content to a JSON object?

I may have a simple question, but I'm new to backend development and I'm trying to figure out how to post in JSON format. Here is the JSON schema I am working with: email: { type: String, unique: true, lowercase: true, required ...

javascriptjsonmongodb

How can I center two images using a hover effect in WordPress?

When the mouse hovers over an image, it changes to another image. Everything works smoothly except for one issue - the image is not centered. Below is the code I am currently using: HTML: <figure> <a> <img class="hover" src="na ...

htmlcss

Encountering an "undefined is not a function" error across all libraries

While working on ASP.Net MVC4, I have encountered an issue where I consistently receive the error message "undefined is not a function" when using jQuery functions with different libraries. Despite ensuring that every ID is correct and everything has bee ...

javascriptjqueryasp.net-mvc-4datatablesjquery-tokeninput

Passing data as a parameter from the view to the controller using AngularJS

I am attempting to retrieve data from a view, which must be passed as a parameter in a function in order to populate an array in the controller. However, I am not receiving any objects in return. Here is what I have tried: VIEW <div ng-repeat="cssfram ...

javascriptangularjsparameterspush

Unable to align a 1px element with the primary border

Can you please assist me? I would like to modify the CSS markup below in order to remove the 1 pixel added extra on the active clicked tab from my UL LI Tabbed Menu. How can this be achieved? Here is a picture of the issue: HTML Markup: <div class=" ...

htmlcss

Tips for accessing elements other than the root element using this.$el

Within my template, the structure is as follows: <div v-show="showContent" class="content-block-body"> <div class="slider-pro"> <div class="sp-slides"> <slide v-for="block in subItems" ...

javascriptvue.jsvuejs2

Utilize the HTML Tidy executable in combination with PHP, as opposed to compiling it

I have created a PHP application specifically for shared hosting environments. Dealing with the inconsistency of hosts providing HTML Tidy can be challenging for me. Is there a way to integrate the tidy executable directly into my PHP application and proce ...

phphtmlshared-hostingtidy

CSS: Creating a block that stretches the entire width of its parent block

I've been facing the same issue multiple times. Whenever I use the float property to display one block, the next block ends up overlapping with the first one. For example: Consider the following block of code: .row_item{ width: 30%; display: block; ...

htmlcsscss-float

I haven't quite reached success yet, but I am working on getting my slideshow to display on my local server

My homepage is fully loading, but the slideshow feature is not functioning correctly. I have a file called slide.js in my /lib directory that I am trying to integrate into my homepage. The images are referenced properly and working, but they are not displa ...

htmlcssnode.jsexpressexpress-handlebars

When it comes to successful payments, should you use `checkout.session.async_payment_succeeded` or `checkout.session.completed` in the Stripe event?

I'm feeling a little uncertain about the differences between two events: checkout.session.async_payment_succeeded & checkout.session.completed Currently, I am utilizing checkout.session.completed, but I'm wondering if checkout.session.async ...

javascriptnode.jsnext.jsstripe-payments

Tips for simplifying a JavaScript function

Hello everyone, I just joined StackOverflow and I could really use some assistance with a JavaScript and jQuery issue that I'm facing. Can someone suggest a more efficient way to write the code below?: jQuery(document).ready(function () { $("#ar ...

javascriptjquery

The "Boostrap Confirmation" plugin in JQuery fails to appear upon the second click

After changing the confirmation method from an MVC Action to an Ajax method, I noticed that the confirmation box does not appear when clicking a second time. It seems to have stopped working possibly because the page is no longer being refreshed. How can ...

javascriptc#jqueryajaxtwitter-bootstrap