My application was created using Vue, but unfortunately it does not perform well in IE11 and older versions of Edge. In Edge, I can display a message asking users to update their browser since the app still loads to some extent. However, in IE11, I am only seeing a blank screen.
Is there a way for me to detect if the user is using IE11 and then display a simple HTML/CSS page prompting them to upgrade their browser?
I've encountered a similar issue in the past where I needed to determine the browser version and provide different messaging based on whether it was IE or not. In my solution, I used JavaScript within public/index.html to detect the browser. Here's how:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>my-vue-app</title>
</head>
<body>
<noscript>
<strong>We're sorry but my-vue-app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<!-- built files will be auto-injected -->
<script type="text/javascript">
// Your browser detection script goes here
</script>
</body>
</html>
Why not give this a shot: Check out this link for more information.
I'm currently developing a web application utilizing zTree library. The tree structure is populated with data retrieved from a Golang backend server. Each leaf node in the tree should have custom icons that can change dynamically while the application ...
Seeking assistance with Angular versions 2, 3, 4, or 5. I've been attempting to solve this for the past two weeks. Any help would be greatly appreciated. Apologies, due to the extensive code, I cannot provide it in Plunker or JSfiddle format. My cur ...
I am in the process of developing a food calorie web application and would like to extract data from a MongoDB database into an HTML table. This is my python code: from flask import Flask from flask import request import requests from wtforms import Form ...
As a beginner in website development, I am currently working on a new project that is still in the early stages of development. My goal is to ensure that this website is responsive for mobile devices. I have added the following meta tag <meta name="view ...
I am facing an issue while trying to create a user in my database through the signup process. When I manually enter the data in the create method, it works fine as shown below: Note: The schema components are {userName:String , number:String , email:Stri ...
getPersonneById(id: number): Personne{ const personne = this.personnes.find( personne => { return personne.id == id; }); return personne; } An error message is displayed: Unable to assign type 'Person | undefined' to type &a ...
Given a custom directive called 'wrap-input': scope: {}, transclude: 'element', template: '<div>' + '<ng-transclude></ng-transclude>' + '</div>' When used like ...
Currently, I have 4 divs grouped under the class "menubut." I am attempting to create a small overlay that appears when hovering over the menubut classes. Additionally, I want another div called "red" to show up about one-tenth of the size of the menubut ...
I am currently utilizing the solution provided in this answer to determine the screen position of 3D objects in three.js: Converting 3D position to 2D screen position [r69!] My objective is to draw a 2D line from the position of a 3D object in the scene ...
Currently working on a project with Nuxt3, but the cli installation from the docs resulted in a vue 2.7 project creation. Any recommendations on how to switch to using vue 3? ...
I am facing an issue with my code where it seems to be stuck. After testing it in both Angular and Express, I realized that the code is only progressing up to a certain point due to the requirement of the Master Key to edit the User table with new data. ...
Is there something I'm overlooking? I've implemented the es6 style to add to an empty array in this.state, but nothing is being pushed to state. I should have a total of two elements inside the array, however, after console.logging, nothing is a ...
As I work on developing an app using Ionic 2/Angular 2, I have encountered a challenge that I am struggling to overcome. Let me provide some context: I am retrieving multiple strings from a webservice, and some of these strings contain links. Here is an e ...
I am currently using a $.getJSON call that is working perfectly fine, as demonstrated below. var jsonUrl = "http://www.somesite.co.uk/jsonusv.php?callback=?"; $.getJSON(jsonUrl,function(zippy){ ...some code } However, I want to pass a ...
I have modified the code from this example to be compatible with the latest versions of Angular and D3. Although it works well after a small tweak, I am unable to see the tooltips when hovering over the chart... https://i.sstatic.net/Rpebe.png <h3> ...
Currently, I am immersed in the React tutorial and endeavoring to construct a React/Express application using the repository located on GitHub. In the instructional material, all React dependencies are outlined within the index.html file: <!DOCTYPE ...
I have been working on a JavaScript code to create a weather forecast table, but I seem to be encountering some issues. Here is the snippet of my code: for (var i = 0; i < data.list.length; i++) { table += "<tr>"; table += "<td>" + d ...
Within my html code, there are various tiles containing two images (one in jpg format as the background and one in png with transparency as the foreground) along with a hover effect: When hovering over a tile, the image zooms in towards the position of the ...
Would like to customize the title of an excel file exported from Datatable. I attempted to implement a solution found on a stackoverflow post, but it ended up applying the customization to the entire sheet. $("#datatable").DataTable({ ...
Currently, I am developing a node.js server script that will utilize a shared text list for multiple clients to access asynchronously. Clients have the ability to read, add, or update items within this shared list. static getItems(){ if (list == undef ...