mobile-chrome

Issues with Absolute Positioning of Div in Mobile Browser

由 我怕爱的太早我们不能终老 提交于 2021-02-19 04:48:12
问题 I am having a lot of issues absolutely positioning a div called id="verticalGenesis" on the following website: http://genesispetaluma.com/index.html in a mobile browser, including both Safari and Chrome on the iPhone. I ideally am trying to position a logo to appear at the right of my screen using the following css: #verticalGenesis { background-image: url("../img/Genesis%20Text.gif"); background-repeat: no-repeat; display: block; height: 570px; opacity: 0.8; position: absolute; right: 3%;

Communicate with custom receiver app from chrome on iOS

由 烈酒焚心 提交于 2020-07-22 21:35:33
问题 I have a custom sender and receiver app that both work as expected on desktop. However if I try to run my app from chrome on iOS I run into issues. Based on the info Im gathering from debugging the receiver app, it is getting into my castReceiverManager.onSenderConnected function and I can log out the event.data and useragent (iOS CastSDK,,iPhone,iPhone OS,8.1.2). It never gets into where I listen for onMessage though. window.messageBus = window.castReceiverManager.getCastMessageBus('urn:x

100vh height when address bar is shown - Chrome Mobile

由 大憨熊 提交于 2020-05-09 19:06:34
问题 I came across this problem a few times and was wondering if there was a solution to this problem. My problem occurs on the Chrome mobile app. There, you can scroll down a bit and the adress bar disappears. So far, so good, let's make an example: The containers height is set to 100vh . As you can see, the bottom part gets cut off. When I scroll down, it looks like this: Now it looks good. So obviously Chrome calculates the address bars height into the viewport height. So my question is: Is

The same site produces “too many redirects” only via cellular, not via WiFi

由 邮差的信 提交于 2020-03-01 01:33:43
问题 This bounty has ended . Answers to this question are eligible for a +250 reputation bounty. Bounty grace period ends in 35 minutes . dasblinkenlight wants to draw more attention to this question: This problem drives me nuts. I am sure that I am not the only one experiencing this issue, though, so I would welcome any thoughts that would lead me closer to solving the issue. I host a small web site at an external host provider. When I open it from my iPhone, I get different results depending on

The same site produces “too many redirects” only via cellular, not via WiFi

由 故事扮演 提交于 2020-03-01 01:32:47
问题 This bounty has ended . Answers to this question are eligible for a +250 reputation bounty. Bounty grace period ends in 36 minutes . dasblinkenlight wants to draw more attention to this question: This problem drives me nuts. I am sure that I am not the only one experiencing this issue, though, so I would welcome any thoughts that would lead me closer to solving the issue. I host a small web site at an external host provider. When I open it from my iPhone, I get different results depending on

event.key is undefined in mobile browsers for keyup, keydown and keypress

由 ≯℡__Kan透↙ 提交于 2020-02-29 22:05:41
问题 The following code is supposed to simply suppress any key press and add the pressed key to a div instead. This works fine on desktop, however on mobile (safari and chrome) event.key is undefined. <html> <head></head> <body> <input /> <div id="#test"></div> <script> var str = ''; var el = document.getElementById('#test'); document.addEventListener('keypress', function(event) { str += event.key; event.preventDefault(); el.innerHTML = str; }) </script> </body> </html> event.keyCode and event

Check if viewport zoomed

由 风格不统一 提交于 2020-01-16 02:51:23
问题 Is there an easy way to check whether the user scaled the page (using pinch on mobile devices)? Thought verge.js would help, but I don't know what I can compare viewportH with. 回答1: You can compare the screen.width to the window.innerWidth. If the value is anything other than 1, the viewport has been zoomed. viewportScale = screen.width / window.innerWidth; alert(viewportScale); References: https://developer.mozilla.org/en-US/docs/Web/API/Window.screen https://developer.mozilla.org/en-US/docs

Check if viewport zoomed

由 左心房为你撑大大i 提交于 2020-01-16 02:51:09
问题 Is there an easy way to check whether the user scaled the page (using pinch on mobile devices)? Thought verge.js would help, but I don't know what I can compare viewportH with. 回答1: You can compare the screen.width to the window.innerWidth. If the value is anything other than 1, the viewport has been zoomed. viewportScale = screen.width / window.innerWidth; alert(viewportScale); References: https://developer.mozilla.org/en-US/docs/Web/API/Window.screen https://developer.mozilla.org/en-US/docs

Mysterious White Space at bottom of Web Page in Mobile-Chrome

由 我们两清 提交于 2020-01-11 07:07:09
问题 I've looked at many "mysterious white-space at bottom of page" issues here on SO, and played with the viewport tag many times, but I still cannot figure out what I'm doing wrong! The page in question is: http://www.seniorchoicesunl.com/error_documents/error401.php Here's what it looks like on mobile from Chrome Dev Tools: Any Ideas on what I'm doing wrong? Edit: setting ANY initial-scale is bad news! It makes the font too tiny! Take a look: The desired mobile look, while keeping the desktop

Is it possible to open developer tools console in Chrome on Android phone?

由 好久不见. 提交于 2019-12-31 07:55:48
问题 An AngularJS application works fine on desktop, but is not rendering properly on mobile (actual code is showing). This is on an Android phone. I would like to see what errors are showing in the console. Is it possible to open JS console on chrome app on mobile (like it is on desktop)? 回答1: You can do it using remote debugging, here is official documentation. Basic process: Connect your android device Select your device: More tools > Inspect devices * from dev tools on pc/mac. Authorize on
订阅 mobile-chrome