What would be causing a mobile browser to disable all CSS?
Screenshot:
Website Screenshot
when you access the website on your mobile is already like this?
If yes maybe you linked the css file wrong for the mobile, see if you put wrong.
Sometimes one wrong line of code mess all up ^^.
Related
I'm currently working on flutter_webview_plugin and I'm opening up my company website inside the webview, The thing is website shows error if suddenly someone turns off the internet (I know This is how it suppose to work) But is there any way I can save the whole website in the storage so it works without the Internet (I know this is kind of ridiculous)?
It will be great if you can answer this with flutter_webview_plugin perspective.
Thanks
You can try this:
Uri.dataFromString('<html><body>hello world</body></html>', mimeType: 'text/html').toString()
I am trying to open a link in chrome from a webview on android. Is it possible to do this with the URI rather than using an intent.
For example doing something like "chrome://www.google.com"
I have been looking around on here and other places on the internet seeing things like googlechrome:// and googlechrome://navigate?url= as well, but I cannot seem to find anything that works.
Thanks in advance!
I was not able to force it to open in chrome, however, I was able to force it open in the android browser by replacing "https" with "browser." I still do not know if it is possible to force it out of the webview and open it with chrome, but this solution works for my purposes.
If you go on my site on Firefox for Android (either a mobile or a tablet) the links either in the menu, or anywhere else for that matter refuse to click, they only highlight in grey as if they're active, but don't actually do anything.
It works fine in Chrome for Android...I can't figure this one out. Help greatly appreciated.
The site is built in Wordpress
Total Lawn Care link
There seems to be a missing closing </div> tag in the html. I think the div <div class="gwrapper"> is the one causing the problem. Chrome is smart enough to "guess" where things should be closed and still work correctly but firefox has more strict of standards.
try modifying the html and add the </div> where you think it needs to be.
you can go to W3C validator.org
to check for errors in your html. I used an editor like Webstorm to help track the problems.
I hope this helps!
I experimenting with WebView in Android and I can't figure out how to make it work like the native browser.
I have an example for this:
Go to deviantART.com in native browser. Press Menu button. At the bottom of the menu there will be a link to disable mobile view and it works as expected. This exact same thing doesn't work in WebView. It simply turns the menu off and that is all, mobil CSS still stays intact.
I need to make users disable deviantART's mobile CSS, so I need the WebView to work like this.
JavaScript and DOMStorage are enabled.
I need the proper code or an workaround, but after hours of searching I didn't find anything that connected to this problem.
Thank you in advance.
If all you want is to turn off the mobile view you can set the user-agent string on the WebView using setUserAgentString (String ua).
I found out that when I browse my site in Android's default browser, the site is loaded without the design defined in the css file.
(The same site looks well designed on IE7, IE8, FireFox, Chrome and Safari)
I'm not really sure what the problem can be...
I'll appreciate any idea
Thanks
I'll appreciate any idea
Check your HTML and CSS at the W3 validator
A bit late in the day, but thought I'd leave a comment on this for other users that come across this question.
It's worth checking if the css is compiled/compressed. I have found that loading an uncompressed css file for specific android browsers has fixed the issue (although I still have various other issues that I'm working my way through :( ...at least the css file is loading now though!)
Don't forget to check your web server logs. If UA (user agent) is being logged, you'll be able to see if the Android browser requested for your CSS file.