Articles of mobile

从浏览器打开谷歌地图应用程序,在Android和iPhone上默认启动位置

我有一个移动网站,我有一个链接,可以使用链接格式在iphone和Android上打开谷歌地图本机应用程序的默认开始和结束位置: http : //maps.google.com/maps?sddd = XX&dddr = XX 。 我的问题是,我希望能够将起始位置设置为当前位置,并且我希望它能够在Android和iphone浏览器中运行。 根据我的经验,如果我将saddr留空,在android中默认为当前位置但在iphone上它只是将起始位置留空。 如果我将saddr设置为“当前位置”,则将起始位置设置为iphone上的当前位置,但在android上它无法识别位置。 我现在的解决方案是使用用户的geo lat / long坐标作为起始地址。 这可以在两个平台上成功运行,但取决于用于获取坐标的方法,它可能不如用户在应用程序上的gps中的当前位置那样准确。 我想知道是否有某种方法可以获得链接以打开原始应用程序并使用正确的“当前位置”作为起点。 我知道我还可以有条件地检查用户代理并相应地创建链接,但我希望有更优雅的方式来做到这一点。

iScroll在一个轴上使用原生滚动

我在iOS和Android的移动网站上使用最精彩的JavaScript工具iScroll4 http://cubiq.org/iscroll-4 。 这是我的布局: 水平滚动区域使用iScroll4并具有以下设置: var myScroll = new iScroll(‘frame’, { hScrollbar: false, vScrollbar: false, vScroll: false }) 水平滚动部分效果很好。 此问题是当用户尝试向上或向下滚动页面时将手指放在水平滚动区域上时会发生的问题。 所以我需要原生垂直滚动,并在同一区域进行iScroll水平滚动。 到目前为止我尝试过:在iScroll代码中删除e.preventDefault()(允许本地滚动,但在BOTH轴中)。 删除e.preventDefault(),然后禁用水平滚动页面宽度: var touchMove; document.ontouchstart = function(e){ touchMove = e.touches[0]; } document.ontouchmove = function(e){ var theTouch = e.touches[0] || e.changedTouches[0]; var Xer = rs(touchMove.pageX – theTouch.pageX).toPos(); var Yer = rs(touchMove.pageY – theTouch.pageY).toPos(); touchMove = […]

定向更改Android和iOS后的javascript最大视口高度

目标: 要查找设备的最大视口高度,包括address bar的空间,以便我们可以动态调整min-body的大小并推送我们的内容。 问题: 移动浏览器以不同方式处理方向状态,并以不同方式更新方向更 使用JavaScript在浏览器中检测Android手机的旋转 使用Android手机时, screen.width或screen.height也会随着设备的旋转而更新。 |==============================================================================| | Device | Events Fired | orientation | innerWidth | screen.width | |==============================================================================| | iPad 2 | resize | 0 | 1024 | 768 | | (to landscape) | orientationchange | 90 | 1024 | 768 | |—————-+——————-+————-+————+————–| | iPad 2 | resize | 90 | […]

JQuery Mobile本机选择不在droid上工作

这绝对让我发疯。 我有Droid X 2.3.3。 由于某种原因,当设置data-role=”none”或”data-native-menu=”true”时,本机选择菜单不会打开。有没有人知道为什么会发生这种情况? Test Page Some Options: Option 1 Option 2 More Options: Option 1 Option 2 Even More Options: Option 1 Option 2

Android 4上的html5video:全屏播放,然后重定向到另一个网页 – 无法正常工作

我正在为Android 4智能手机设计一个html5页面,其中包含一个3gpp(或mp4)video,打开后必须自动播放全屏; video结束时应重定向到另一个url。 一些谷歌搜索告诉我,在Android 4上不再允许自动播放,因此我选择显示用户必须单击以启动video的海报图像。 然后: 调用全屏模式 video应该自动启动(确实是由用户点击海报图片开始的) video播放完Android后应退出全屏 最后将用户重定向到其他页面。 2和3不起作用:在调用全屏后,用户再次“点击”开始video,当video结束时,exitfullscreen不起作用(屏幕为黑色,用户必须按下手机上的“后退”键才能退出手机video播放器)。 在Android 4上会忽略video.webkitExitFullScreen()和video.play() 。 这是我正在使用的html5标记和javascript代码,你能帮我指点一个解决方案吗? 谢谢! test function videoEnd() { var video = document.getElementById(“video”); video.webkitExitFullScreen(); document.location = “http://www.google.com”; } function playVideo() { var video = document.getElementById(“video”); video.addEventListener(‘ended’, videoEnd, false); video.webkitEnterFullScreen(); video.play(); }

在HTML5 Web应用程序中无法在本机移动应用程序中实现的function是什么?

我最近和很多人谈过,他们说他们希望停止编写原生移动应用程序,并开始编写Web应用程序,一旦HTML5在移动操作系统中得到更充分的发布。 我刚刚完成了我的第一次HTML5深度潜水,我还不确定。 HTML5是否可以作为本机应用程序的替代开发平台,还是某些需要针对本机运行时的东西?

可滚动绝对定位div中相对定位的元素在滚动上“滞后”

我有一个PhoneGap应用程序,显示一个很长的文本,包含我在Android上测试的标题,表格和图像。 除了具有样式position:relative的元素之外,一切正常position:relative这些元素在滚动时“滞后”,这意味着如果我滚动页面然后这些元素开始和结束滚动大约四分之一秒。 将绝对div与相对子项和具有overflow:auto的子项组合时会发生错误。 删除任何这些东西都可以解决这个问题,但是我更喜欢把它留进去。虽然我不愿意删除表并单独显示它(比如在对话框中)。 该错误仅出现在标准的Android浏览器上(当然还有我的PhoneGap应用程序)。 到目前为止,我已使用以下设备对其进行了测试: 三星Galaxy Nexus(4.1.1) 三星Galaxy S III(4.1.2) 任何帮助都很受欢迎,但我更喜欢一个HTML和function没有改变(或不太多)的解决方案。 我创建了一个显示错误的最小示例 。 只需在Android上打开它并开始滚动即可立即看到问题: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a quam arcu. Duis ultrices mollis nibh ut hendrerit. Etiam a interdum metus. Integer volutpat, nibh laoreet euismod suscipit, libero sem iaculis lorem, ut hendrerit magna orci eu elit. Nulla eu […]

适用于iPhone / Android的独家CSS

我正在为我的页面制作一个适合移动设备的样式表。 是否有一种简单的方法可以让它向iPhone / Android用户显示样式表? 或者我是否必须拉动用户代理并以此方式解决问题 – 我该如何做? 此外 – 任何使这种Web开发更容易的工具?

intel xdk,appmobi和crosswalk有什么区别?

据我所知,他们都来自英特尔,做同样的事情,但根本没有提到对方。 因此,有人可以清楚地说出一些混淆,它们是什 我知道它们是用于制作移动应用程序,我检查了appmobi,它对于任何交互式应用程序都没有比phonegap更好。 除此之外,我不知道什么是人行横道(也许它就像cooconjs,但有浏览器和asmjs支持?)。 什么是英特尔xdk ..这是最神秘的……它和人行横道一样吗? 或者它们都是cordova的变种 经过一些研究后,我发现xdk / appmobi建立在phonegap之上,这基本上是cordova。 因此,这里唯一的问题是我从未听过的人行横道。 所以,如果你能告诉我它是什么以及它是如何构建等等,它是否也是cordova框架的变体?

输入文本框隐藏在Android Chrome上的键盘后面

我有一个以下格式的移动网页: 标题 – 徽标等 – 绝对定位 内容 – 可滚动,绝对定位 页脚,40px绝对定位 内容区域有多个输入框。 在Android上的Chrome上,点击页面底部的输入框会导致popup软键盘时输入不在视图中。 页面会滚动以尝试向上移动框,但不足以实际显示。 它最终隐藏在页脚后面。 知道如何解决这个问题吗? 这仅在Chrome-Android上发生。 iOS上的Safari和Windows Phone和其他移动浏览器上的IE工作得很好。