I design new website using Joomla but this time I see something strange!
On any android device (by default browser (chrome)), it will show white screen if I refresh any pages of website.
please note it will happen only at "page refresh" events. I mean when you directly open the site with using address-bar and if you open links inside the website, it will show the page correctly, but if you refresh current page (with using "refresh button") you will see a "white screen" without any content.
I am sure that content is loaded correctly, because if you change the rotation of your tablet (or mobile) or if you tap white page and try to scroll down, website will appear!
seems there is several type of report for this problem:
https://superuser.com/questions/440416/chrome-displays-a-page-for-split-second-then-it-goes-blank
but I could not solve the problem with those solutions.
do you know any way to solve this problem?
Thanks
I got it
in Joomla by default jQuery is loaded. in Joomla 3.6.2 (that I am using), it's loading jQuery v1.12.4 by default that is stored in this directory: /media/jui/js/jquery.min.js
I just try to replace it by latest version, it solve problem but it create another one! in the console log I got a message that I can't use jQuery V3 because of bootstrap. then I downgrade to jQuery v2.2.4 (the latest version before version 3) and Hoooraaaaaaaaa, it's working now without any problem.
hope it help someone else
thanks
Related
I will release my second android application on Google Play soon.
But before relase I'm trying fix bugs.My application parse newspaper columnist article and show in application. I have 17 newspapers. Two of them bugy like same bug.
You see proggress dialog on middle. It's not mine application. It's mobile version of newspaper,Radikal...Although page loaded it is not disappear...This happen only my application and on tablet browser, there is no problem
This is Hurriyet newspaper's mobile version of site... It stuck like same. articles come after loading. But page stuck on loaded...
What problem can be ??
Note:If you want to see my application see, You can download it on omer-demirci.com/a.apk . After download click menu click gazeteler and you well see newspaper names click hurriyet or radikal
I solve the problem
Webview by default comes with JavaSript false.
enabled it and solved
webview.getSettings().setJavaScriptEnabled(true);
I have a mobile website using jQuery and it $(window).scroll evenet. This works perfectly in Chrome and Safari Mobile, but Android native browser is showing me the middle finger.
I have this simple code:
$(window).scroll(function() {
alert("Scrolled");
}
But this alert never appears. I've done alerts in other parts of code, so alert are enabled and I extensively use jQuery so it's also loaded.
I am not sure what's going on here, am I missing something or is this a bug?
It's a bug or limitation in the Android browser, the built-in browser in Android is a lightweight version browser, so some features are not compatible
Simply use:
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: 0 }, 400);
this will scroll you page to the top.
you can set "scrollTop: " value to set it to any specific TOP position.
dont forget to vote up.
:)
thanks
I have a website that I've just created that has a jquery-ui slider bar link removed
The slider bar doesn't seems to work properly on my phone which is an android - it could affect other mobile browsers too.
Is there a way of fixing this?
Thanks
I've just had a look on my phone and it also doesn't work. However, I have noticed in the past that other JavaScript items (on other sites) also don't work, so I don't think it's a specific problem with your site.
In terms of a workaround, you could check the viewer's user agent and display a different selection method if they're on a phone.
Does anyone have a clue what could cause this behavior? If you view this page on Android 2.3 or Blackberry, you should see the problem.
You can scroll straight past the end of the page to a yellow background that goes on forever. You can also scroll off the right side of the page to do the same thing.
It works fine on Android 4 and iOS 5.
See site with issue here:
http://wwwa1nbkclientsitecom.zippysites.com/
p.s. I asked about this yesterday but with less detail. And I've made some changes sense then, but those didn't fix the problem.
It was the dynamic google map in the footer. It had nothing to do with my page layout or style. Everything I did was fine. Removing the dynamic google map fixed it. SOLUTION: Replace with a STATIC google map. Its kind of bad to be using dynamic map embedded in page for a mobile device anyway.
I have a working app built in jQuery Mobile and Phonegap (using Eclipse on Mac OSX)
Everything is working OK, except when the Ajax loading message pops up, the animated gif does not animate, it simply stick on the first frame.
Viewing the app in a web browser (as it is basically a mobile site) the gif animates no problem.
I have read that showing animated gifs on Android is tricky without using the web browser. Is there a way to get it to work? Maybe replace it with something in CSS3?
Although the comments explain why it doesn't work, this might get you started on finding a workable replacement: https://stackoverflow.com/a/2767556/878602