Tag: 手机网站

如何防止尝试打开未安装的原生应用程序的iOS Safari浏览器警报?

我一直在寻找一种方法来从浏览器中打开一个本地的iOS应用程序。 我在这里find了一个不错的解决scheme: 是否可以为YouTube和Google地图等iPhone应用程序注册基于http +域名的URL Scheme? 这个解决scheme在安装应用程序时效果很好。 但是当用户没有安装这个应用程序 – Safari浏览器会popup一个错误消息,指出“Safari无法打开该页面,因为地址无效”。 有没有办法来防止这种行为,而是提示用户下载应用程序?

在HTC设备上停用捏放/放大Android 2.1浏览器

我正在构build移动网站,并在标题中设置了以下元标记: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 不幸的是,这与Android 2.1的HTC设备(HTC Hero等)不兼容。 任何想法,我怎样才能禁止在这个浏览器捏缩放? 在iPhone上正常工作。

为Android的浏览器优化网站的技巧?

我正在寻找优化Android浏览器网站devise的技巧,技巧和资源。 我正在构build一个Android应用程序,其中一些function将通过Web界面访问。

移动设备的元标签 – 是否应该使用?

元标签“视口”,“MobileOptimized”和“HandheldFriendly”可用于向移动设备提供格式正确的HTML内容。 这些标签是好东西吗? 在许多情况下,它们看起来都非常适合平台,即使不是平台特定的(视口),它们似乎也需要设备特定的属性才能正常工作。 他们应该使用吗? 何时何地适合使用它们? 是否有其他select(没有用户代理识别)? 注:我一直在使用CSS媒体查询来实现移动支持,但这需要一些UAR,以获得优化的字体大小。

Sencha Touch或jQuery Mobile?

我想知道是否要开发一个移动Web应用程序(现在在两个星期或一个月内),我应该select哪一个? 移动Web开发人员会select哪一个? 如果jQM 1.0今天正式发布,我很可能会接受它(只要它实际上提供了它承诺的东西)。 现在,它是在阿尔法,我不知道它是否值得跳进它尚未商业级项目? Sencha Touch会是更好的select吗?

iOS的Safari – 如何禁用overscroll,但允许可滚动的div正常滚动?

我正在开发基于iPad的networking应用程序,并且需要防止过度滚动,使其看起来不像网页。 我目前正在使用这个来冻结视口并禁用overscroll: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); 这很好地禁用overscroll,但我的应用程序有几个可滚动的div, 上面的代码阻止他们滚动 。 我只针对iOS 5及以上版本,所以我避免了像iScroll这样的hacky解决scheme。 相反,我正在使用这个CSS滚动div: .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } 这工作没有文件overscroll脚本,但不解决div滚动问题。 没有jQuery插件,有没有办法使用overscroll修复,但免除我的$('。scrollable')div? 编辑: 我发现这是一个体面的解决scheme: // Disable overscroll / viewport moving on everything but scrollable divs $('body').on('touchmove', function (e) { if (!$('.scrollable').has($(e.target)).length) e.preventDefault(); }); 当您滚动div的开头或结尾时,视口仍会移动。 我想find一种方法来禁用,以及。

为什么我的CSS3媒体查询不适用于移动设备?

在styles.css中,我正在使用媒体查询,两者都使用以下变体: /*–[ Normal CSS styles ]———————————-*/ @media only screen and (max-width: 767px) { /*–[ Mobile styles go here]—————————*/ } 当我缩小窗口的时候,网站的大小会根据我想要的常规浏览器(Safari,Firefox)的大小来调整,但是移动设备在手机上根本不显示。 相反,我只看到默认的CSS。 任何人都可以指向正确的方向吗?

电晕,Phonegap,titanium之间的比较

我是一个Web开发人员,我想将我的Web产品移到iPhone上。 其中一个产品就像谷歌地图:在手机屏幕上显示地图,您可以拖动或调整地图的大小,并查看我们添加到地图的一些信息。 我知道有一些技术可以让你使用HTML,CSS和Javascript开发原生的iPhone应用程序。 我已经确定了几个: 安斯卡移动 PhoneGap的 Appcelerator的 还有其他类似的产品吗? 他们之间有什么区别? 我应该select哪一个?

移动网站的最大设备宽度和最大宽度有什么区别?

我需要为iPhone / Android手机开发一些HTML页面,但最大设备宽度和最大宽度有什么区别? 我需要为不同的屏幕尺寸使用不同的CSS。 @media all and (max-device-width: 400px) @media all and (max-width: 400px) 有什么不同?