mobile-browser | 易学教程

HTML/CSS: table font size different in mobile device

阅读更多关于 HTML/CSS: table font size different in mobile device

I would like to have a simple website that works both on desktop and mobile browser, and encountered a weird (rookie) problem: when I have a table whose column texts are of different length, the font sizes rendered in mobile device are dramatically different. Any idea why this is happening and what is a quick and clean fix? Thanks in advance for your help! The HTML code: <!DOCTYPE html> <html> <head> <style> body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: medium; } table, td { border: 1px solid black; } </style> </head> <body> <table> <tr> <td>Short text. Short text</td> <td

Prevent Android chrome from going idle / auto-locking / sleeping phone?

阅读更多关于 Prevent Android chrome from going idle / auto-locking / sleeping phone?

问题 I need to do on the website some feature to disabled idle/sleep phone. Does anyone try make this on phone with android ? is it in any way possible? 回答1: We strongly don't encourage developers to do this at all. However it is possible. You can simply have a video playing on the page and the device won't go to sleep. This means you could have single frame video set to auto-loop and play (requires a user interaction) Richard Tibbett has created NoSleep.js to simplify the process for developers.

Check if Browser Supports HTML5 timepicker

阅读更多关于 Check if Browser Supports HTML5 timepicker

I built a time mask in JavaScript which works great for PC's, Macs, iPhones, and iPads, but doesn't work consistently in most Android phones (I'd prefer not to get into the details of why this functionality can't work consistently in Android) so I disable it. For Samsung the built-in HTML5 time picker works great. For Android phones I would like to leverage the HTML5 time pickers, when native browser time pickers are available (like for modern Samsung phones). I know I can detect if the browser supports the date / datetime input types, but that doesn't necessarily indicate that the browser

Check if Browser Supports HTML5 timepicker

阅读更多关于 Check if Browser Supports HTML5 timepicker

问题 I built a time mask in JavaScript which works great for PC's, Macs, iPhones, and iPads, but doesn't work consistently in most Android phones (I'd prefer not to get into the details of why this functionality can't work consistently in Android) so I disable it. For Samsung the built-in HTML5 time picker works great. For Android phones I would like to leverage the HTML5 time pickers, when native browser time pickers are available (like for modern Samsung phones). I know I can detect if the

Open the native browser from an android app

阅读更多关于 Open the native browser from an android app

问题 I have an android phone with multiple browsers installed and I might or might not set a browser to default. So, my question is.. From my App, How do I force open a link only in the NATIVE android browser? Is there a way I can know if there is a browser set to default or not? 回答1: From my App, How do I force open a link only in the NATIVE android browser? Intent intent = new Intent(); ComponentName comp = new ComponentName("com.google.android.browser","com.google.android.browser

What browsers download hidden images

阅读更多关于 What browsers download hidden images

Do Mobile Browsers send httpOnly cookies via the HTML5 Audio-Tag?

阅读更多关于 Do Mobile Browsers send httpOnly cookies via the HTML5 Audio-Tag?

I try to play some mp3 files via the html5 audio-tag. For the desktop this works great (with Chrome), but when it comes to the mobile browsers (also Chrome (for Android)), there seem to be some difficulties: I protected the stream with some password an therefore the streaming server needs to find a special authentification cookie (spring security remember-me). But somehow the mobile browser doesn't send this cookie when it accesses the mp3-stream via the audio tag. When I enter the stream URL directly to the address bar everything works just fine. While I searched for the lost cookie I found

Open the native browser from an android app

阅读更多关于 Open the native browser from an android app

I have an android phone with multiple browsers installed and I might or might not set a browser to default. So, my question is.. From my App, How do I force open a link only in the NATIVE android browser? Is there a way I can know if there is a browser set to default or not? From my App, How do I force open a link only in the NATIVE android browser? Intent intent = new Intent(); ComponentName comp = new ComponentName("com.google.android.browser","com.google.android.browser.BrowserActivity"); intent.setComponent(comp); intent.setAction("android.intent.action.VIEW"); intent.addCategory("android

How to prevent mobile keyboard from rising footer over the text fields?

阅读更多关于 How to prevent mobile keyboard from rising footer over the text fields?

I am having trouble with my footer. I want the footer to stay at the bottom of the screen, but there is a slight problem. When using mobile browser, some fields get blocked by the footer when opening the keyboard. The footer rises over the keyboard and blocks the field you are typing in. How can I keep my footer at the bottom and prevent it from rising over the keyboard? I want it to stay hidden under the keyboard. I am using bootstrap, but I have set the following stuff in my own CSS: footer { width: 100%; position:absolute; left:0px; bottom:0px; height: 40px; margin: auto; overflow: hidden;

Prevent fixed-position background-image: cover from resizing in mobile browsers upon address bar hide

阅读更多关于 Prevent fixed-position background-image: cover from resizing in mobile browsers upon address bar hide

Sorry for a lack of example on this one, but I figure it's easy enough to understand. I have a fixed background on my site, which is currently implemented like this: #background { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #28305e; background-image: url(../images/background.jpg); background-size: cover; -moz-background-size: cover; background-position: center center; z-index: -10; } <div id="background"></div> This is great in all browsers so far except for mobile browsers where they hide the address bar upon scroll-down. When the address bar is hidden, the