mobile-browser

Selection and highlighting of text in iphone/ipad web browser safari not working

♀尐吖头ヾ 提交于 2021-02-07 10:20:31
问题 Possible duplicate: Change CSS of selected text using Javascript I tried the code from above link but not getting the result for iPad browser to highlight the selected text. function makeEditableAndHighlight(colour) { var range, sel = window.getSelection(); if (sel.rangeCount && sel.getRangeAt) { range = sel.getRangeAt(0); } document.designMode = "on"; if (range) { sel.removeAllRanges(); sel.addRange(range); } // Use HiliteColor since some browsers apply BackColor to the whole block if (

CSS “position:fixed”: mobile zoom

蓝咒 提交于 2021-02-07 06:20:06
问题 I'm trying to solve an issue with css "position:fixed" property on mobile browsers. I have a fixed div: <div id="logo"> ...other content here... </div> with css: #logo{ position: fixed; -webkit-backface-visibility: hidden; bottom: 100px; right: 0px; width: 32px; height: 32px; } So, usually the behaviour is exactly the desired one, with the div position always on the bottom right of the window, indipendently of the scroll position. My issue is that on mobile browsers, when the users zoom the

Android browser bottom control bar overlays content

╄→尐↘猪︶ㄣ 提交于 2021-01-27 05:50:44
问题 I have a fix positioned element at the bottom of the screen which works perfectly except for the Android browser where the bottom control bar overlays my element. It doesn't even trigger the window resize event to try and work with that. iOS Safari also has the bottom control bar but it pushes my element correctly and it doesn't overlay it. I'm open to any suggestion. 回答1: You can try the new display: fullscreen https://developers.google.com/web/updates/2017/04/nic58#fullscreen When

How to enable CSS position: sticky in mobile browsers?

坚强是说给别人听的谎言 提交于 2021-01-21 12:23:31
问题 Added some position: sticky property to my webpage. On Desktop browser work fine but sucks in mobiles. 回答1: sticky property for Chrome and Safari for iOS needs to be set with -webkit vendor first: .element { position: -webkit-sticky; position: sticky; } You can check about browser compatibility in canIUse 来源: https://stackoverflow.com/questions/45249771/how-to-enable-css-position-sticky-in-mobile-browsers

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

浪子不回头ぞ 提交于 2020-02-13 00:22:16
问题 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

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

折月煮酒 提交于 2020-02-13 00:22:14
问题 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

Repeat audio on Chrome/Firefox mobile when phone is off

百般思念 提交于 2020-01-25 07:04:09
问题 I wrote a small language learning app for my own use which plays audio recordings with howlerjs. The audio is played in a loop, when the end is reached, it just restarts until the user intervenes. To the Problem : When I turn off my phone (standby) the audio file still plays - like it should - but is not restarted ones the end is reached. Is there a JavaScript trick I can use to restart it even when my phone is off? Or can I change a setting in Chrome/Firefox to stop Chrome/Firefox from

Image background (fixed, center) issues on mobile devices

烈酒焚心 提交于 2020-01-03 06:25:09
问题 I have an image background on my website: body { background-image:url('tlo.jpg'); background-color:#000000; background-repeat:no-repeat; background-attachment:fixed; background-position: center center; background-size: auto auto; (...) } There are not any problems on PC, but mobile devices with vertical screen renders background not exactly in the same way: it seems that mobile browsers fit the background horizontally, so vertically it covers only small piece of website. I've tried to fix it

How to know if the asp.net site is accessed from a mobile device or from a system/laptop/machine(windows,mac etc)

北战南征 提交于 2020-01-01 10:29:45
问题 I have developed a website using asp.net web developer 2010. I would like to redirect to different page if the site is accessed from mobile browser. And, different functionality for windows/mac/linux etc users. How can I do this? I referred some posts in some forums, and it is said that I need to depend on third party libraries. How could I implement this without any third party libraries? Any one Please help me out. Any help is appreciated. Thanks!! 回答1: The Request.Browser object properties

How to know if the asp.net site is accessed from a mobile device or from a system/laptop/machine(windows,mac etc)

耗尽温柔 提交于 2020-01-01 10:29:08
问题 I have developed a website using asp.net web developer 2010. I would like to redirect to different page if the site is accessed from mobile browser. And, different functionality for windows/mac/linux etc users. How can I do this? I referred some posts in some forums, and it is said that I need to depend on third party libraries. How could I implement this without any third party libraries? Any one Please help me out. Any help is appreciated. Thanks!! 回答1: The Request.Browser object properties