Is there a way to detect when users on iOS mobile Safari or Chrome use the "request desktop site" feature and send them the iPad version of my website? It seems that only the user-agent is different in that mode, making it impossible to detect. Any suggestions?
My website has three versions: desktop, tablet, and smartphone. The tablet version is essentially a static version of the dynamic desktop version, which heavily utilizes JavaScript (including parallax effects).
For the answer to this query, kindly refer to:
It's currently functioning flawlessly..
In essence, iPads in 'Desktop mode' present themselves as MacIntel, despite the fact that no Mac possesses a touchscreen; thus, you need to identify a MacIntel system with touch capability:
let isIOS = /iPad|iPhone|iPod/.test(navigator.platform) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)
However, it is strongly recommended to review the original solution -- full credit goes there:
Instead of using cookies/sessionStorage to detect changes in the user agent, I came across a more efficient method. By comparing navigator.platform with navigator.userAgent, you can easily determine if the user is on an iOS device. This approach eliminates the need for additional scripts like those mentioned in this article and this GitHub gist.
This method is specifically tailored for iOS devices, as Chrome's "request desktop site" feature automatically updates the viewport. Therefore, this check may not be necessary when using Chrome.
var iOSAgent = window.navigator.userAgent.match(/iPhone|iPod|iPad/);
var iOSPlatform = window.navigator.platform && window.navigator.platform.match(/iPhone|iPod|iPad/);
var iOSRequestDesktop = (!iOSAgent && iOSPlatform);
Ingenious solution: leverage platform.maxTouchPoints when working with iOS 13+. Surprisingly, this attribute remains accessible even when switching to the desktop view, unlike on a traditional desktop Safari where it is not present.
Having an issue altering the page within a Redux Thunk action creator to redirect the user back to the homepage after form submission Although the URL changes when the action creator is triggered, the page itself remains the same Unable to utilize Browse ...
I'm just beginning to learn programming and experimenting with React. I have a function called addComment that is triggered when a user adds a comment to a news article. At this point, I need to create a property called comments (an array) and either ...
My issue involves creating an animation on a Composite that should start when data is loading. To test this, I created animations on regular divs using HTML: <div class="LoadDataWidget"> <div id="arrow" class="greenArrow"></div> < ...
In the realm of Python, we have often relied on tools like tastypie or Django-Rest-framework to build Rest APIs. After delving into Felix Geisendörfer's article Convincing the boss, one particular statement caught my attention: Node.js truly exce ...
I am currently facing an issue while trying to console.log the documents from my Firebase real-time database. When attempting this, I encounter the following error: [Vue warn]: Error in created hook: "TypeError: firebase__WEBPACK_IMPORTED_MODULE_2__. ...
I'm almost there, but not quite. The logger is showing the search results, but I still can't get them to display on the web app. The search function works on the web app and the results show up in the logger. Any advice would be appreciated. Th ...
I have been struggling with updating a dynamic table that allows inline editing and dynamically adding rows. My goal is to click a save button that triggers an UPDATE query to modify the database. Unfortunately, I can't seem to figure it out on my own ...
When utilizing jQuery, I am making a GET request. My request includes adding '?update' to the URL: $.get("/index.html", "update", function (data) {/* Insert code here */}, "html"); The 'data' variable stores the response from my serve ...
There are two different methods for using objects in programming. I am curious to understand if the difference lies in the syntax or if there is more to it. Method 1 body(data) = { item1: data.val1; item2: data.val2; item3: data.val3; } Meth ...
I am working with HTML code stored in a Component variable, shown below: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: `Hi <div [innerHTML]="name"></div>`, styleUrls: [' ...
I am developing an Angular and NestJS application, and my goal is to serve the index.html file for all routes. Main.ts File: async function bootstrap() { const app = await NestFactory.create(AppModule); app.useStaticAssets(join(__dirname, '..&ap ...
After implementing a modal that appears upon clicking an element on my webpage, I encountered an issue when trying to close it. I added an event listener to the 'close' link element in the top right corner of the modal with the following code sni ...
While working on a web scraper for SPA's, I encounter errors on some websites but not others. It's unclear whether the issue lies with my targeted selector, request throttling due to large data sets, or too many requests from the same IP address. ...
In the process of developing a testing application, I have integrated Firebase to host thousands of questions. In order to avoid redundant downloads of questions, I have set up a question service that retrieves the questions in the constructor: this.db.li ...
I'm struggling to figure out how to load an object that covers almost the entire width and height of the canvas. <script> var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera( 75, ...
Can anyone show me how to load a jquery URL in Joomla (Component)? I have a button that, when clicked, will reload the page and use the GET method to display a value from a variable. JavaScript: jQuery("#btnclickme").click(function(){ jQuery("#divpro").l ...
Currently, I am in the process of reviving an old game reminiscent of Tron using HTML5 canvas and JavaScript. The unique twist in this version is that the snakes have the ability to move in curves rather than right angles (known as Achtung Die Kurve). The ...
Help Needed with Centering Form Button https://i.sstatic.net/QhWqi.png I am struggling to center the "Send" button below the textarea in the form shown in the image. Despite trying various methods like using position absolute, relative, and custom margin ...
I am currently working on updating my NavBar after logging out, and here is the code I have written: App.js: class App extends Component { constructor(props){ super(props); this.state = {}; this.handleLogout = this.handleLogout.bind(this ...
In my app, I need to perform a series of download and database write tasks. To accomplish this, I am utilizing the NSOperation and NSOperationQueue. Here is the scenario: Retrieve all postcodes from a specific location. For each postcode, retrieve all h ...