Error with jquery.mobile-1.4.5.min.css in Android webview following recent Marshmallow update has caused compatibility issue

Creating a web page using JQuery was successful and the page loaded correctly on an Android device (Nexus 5) through WebView.

However, after updating the Nexus 5 to Android Marshmallow, the web page could no longer be viewed properly on the WebView. Instead, only a small circle appeared in the center of the display.

This issue only occurred on devices with the latest Android version while older versions worked fine.

Upon further investigation, it was discovered that removing the line - " link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"" - allowed the page to display correctly. Despite this fix, the CSS file is necessary for proper page design.

Any assistance or advice on resolving this problem would be greatly appreciated.

androidjqueryhtmlcsswebview

Answer №1

Resolved the issue successfully. To fix the problem, it is necessary to insert the code snippet provided in this link (Uncaught SecurityError: Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null') prior to the following line - "

<script>
    $(document).bind('mobileinit',function(){
        $.mobile.changePage.defaults.changeHash = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.pushStateEnabled = false;
    });
</script>

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

Sorting Columns in JQuery Datatables

Encountering an issue with JQuery DataTables (datatables.net) where it takes 2 clicks to sort the columns when there are only 2 rows in the table. The first column sorts on the first click, but subsequent columns require multiple clicks. Despite testing th ...

javascriptjqueryhtmluser-interfacedatatables

Text styling in HTML using a gradient effect

In the game LoR, players have the ability to edit their deck names using HTML code. As someone with no experience in HTML, I've noticed some players with gradient deck names and I'm struggling to figure out how they achieved this effect. The prob ...

htmlcolorsgradient

Testing with Jasmine and AngularJS has shown that utilizing a jQuery selector does not yield the desired results

Consider a scenario where a jasmine test includes the following code snippet in the beforeEach block: //.... element = $compile('<input class="form-control" class="email" name="email" id="email" type="email" ng-model="user.email" />')($roo ...

jqueryunit-testingangularjsjasminekarma-runner

What is the best way to showcase a table below a form containing multiple inputs using JavaScript?

Context: The form I have contains various input fields. Upon pressing the [verify] button, only the "first name" is displayed. My goal is to display all input fields, whether empty or filled, in a table format similar to that of the form. Exploration: ...

javascripthtmlhtml-table

What are some creative ways to enhance closePath() in canvas styling?

Currently, I am faced with the challenge of styling the closePath() function on my canvas. Specifically, I would like to apply different stroke styles to each line segment. For now, let's focus on changing colors for each line. In the example below, y ...

javascripthtmlcanvas

What is the best way to align content evenly between the logo and navigation items in the Bootstrap navbar?

Welcome to my HTML code: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <img class="logo" src="/images/logo.png" alt=""> < ...

cssbootstrap-4

Modify the variable to encompass a multitude of hues - scss

Hello, I am looking to modify the background of a page for dark mode. This is the current background styling: $orangeLight:#FFA500!default; $redLight:#FA8072!default; $blueLight:#B0C4DE!default; $greenLight:#90EE90!default; $list2: $blueLight 0%,$blueLi ...

csssass

Customize the border style for the span element

I attempted to use the code below in JavaScript/jQuery to adjust the border thickness. Unfortunately, it seems to be ineffective. Can someone please assist me? //$("span").css({"border":"4px solid green"}); document.getElementById("192.168.42.151:8984_ ...

javascriptjqueryhtmlcss

Which CSS property prevents items from stacking on top of each other?

Looking for help with aligning the elements visible in the image below. I want the slideshow image and title link to remain where they are, but I need the description text to be positioned below the title and aligned next to the slideshow image instead of ...

htmlcssdrupal

The Issue of Missing HTML Registration Form Data in Django

My configurations in demo\urls.py, user\urls.py, views.py, and HTML form seem to be set up correctly. However, upon pressing the submit button on the HTML form, I encounter a "File Not Found" error. Even after seeking assistance from ChatGPT, fol ...

htmldjangoformsdjango-rest-frameworkdjango-views

Harvesting information from an HTML table

I have a table displaying the following values: turn-right Go straight turn-left How can I extract only the 2nd value, "Go straight"? Here is the code snippet I tried: var text = $('#personDataTable tr:first td:first').text(); The code above ...

javascriptjqueryhtml

Determine the precise moment of impact on the fabric.io Crashlytics dashboard

My team and I are currently investigating the time at which a crash occurred on a specific date. The Crashlytics dashboard only displays the date of the crash. https://i.sstatic.net/ktE1k.png We need to determine the exact time of the crash in order to v ...

androidcrashlyticscrash-reportscrashlytics-androidfabric.io

The onClick() function in JavaScript is encountering issues on the Firefox OS mobile application

I've been working on an app for Firefox OS mobile devices where I'm trying to trigger a Javascript function onClick() from a div attribute. It's functioning properly in regular browsers, but when I test it in the simulator, the onClick funct ...

javascripthtmlfirefoxonclickfirefox-os

Customizing the notification sound in Xamarin.Forms for cross-platform notifications

In my cross-platform app using Xamarin and Firebase notification, I am faced with the challenge of changing the default notification sound. My goal is to have a different tone play for notifications received by the app, even when it is closed, without th ...

androidiosaudioxamarin.formsnotifications

Tips for concealing a field within a form using jQuery

I've been working on a script to hide an input field that I want to load dynamically with other form fields. To assist me in this process, I created a small module. /** * Implements hook_form_alter(). */ function editorhide_form_alter(&$form,$f ...

phpjquerydrupal

Experiencing issues with the redirect button on the navigation bar of my website

Video: https://youtu.be/aOtayR8LOuc It is essential that when I click a button on my navigation bar, it will navigate to the correct page. However, since the same nav bar is present on each page, it sometimes tries to redirect to the current page multiple ...

javascripthtmlcssweb

Is it more advantageous to inflate or create controls in Android development?

I'm seeking insights on the best approach for dynamically creating controls using either inflation or instantiation. Inflation: TextView styledText = (TextView)inflater.inflate(R.layout.styledTextView); Instantiation: TextView styledText = new Tex ...

androidperformancelayout-inflater

I'm having trouble understanding why this query keeps throwing an error

I am currently using the Wamp server to develop a small posting system for my website. Here is my PHP code for posting: $c=mysql_connect("localhost","root","") or die(mysql_error()); mysql_select_db("posts"); $t = $_POST['title']; $body = $_POS ...

phpjavascriptajaxjquery

Using more than one Jquery DataTable on a single page causes them to malfunction

I am facing an issue with loading data into the second HTML table on my Page using jquery dataTable. The problem is that the data only renders for the first table and fails to work for the second one. JQuery Code: To address this, I have organized the jQu ...

jqueryajaxdatatables

Modify the background hue of the checkbox to resemble a button when selected

Is there a way to create a checkbox that resembles a button in appearance? I have managed to achieve this, but I am facing an issue with changing the background color of the button when it is checked. Currently, the button turns light-grey when checked, bu ...

htmlcssbuttoncheckbox