androidmysqlcssandroid-4.0-ice-cream-sandwichdolphin-browser

CSS loading issue with Android ICS


I have an Android ICS 4.0.3 installed in my phone. I have created one Mobile Web Application (test url http://drupal.langoor.mobi), for which I serve the HTML page from the MySQL database in the backend dynamically.

Problem: The html page is not rendered by the default stock browser of Android and Dolphin browser. This problem does NOT occure in chrome, firefox, safari mobile browsers.

To figure out the problem, I followed these approaches:

  1. Used Adobe Shadow to do remote inspect of the HTML Page, which did NOT help much becuase I was NOT able to see any error in content loading.
  2. Assuming Javascript/jQuery conflicts to be a problem, I tried removing all the linked js files which are served dynamically from server (not Static), then the HTML page was rendering but with no style applied.

I tried searching and found this link but it's not helpful: Android - html from android_assets in WebView, CSS not loading in ICS

Please help me out with this.


Solution

  • After digging more around Problem, I found that main cause for problem was, content being sent in Uncompressed format from Server and because of which Android ICS's default and Dolphin Browser are not able to render it properly.

    Here is the link where i have mentioned exact cause of problem. Enabling data compression for Apache2 + FastCGI setup

    Thanks