Tag: 移动

推送移动networking应用程序的通知工具: 我有一个简单的scheme，在移动设备上收到来自服务器的通知。我知道这个设施在原生iOS应用程序和Android中可用，但是我试图避免原生path。我想要的是：可以通过访问URL访问的移动networking应用程序用户可以在主屏幕上创build书签，以便获得原生应用程序图标的感觉。获得通知的徽章（圆形的消息）即使浏览器closures，也可以收到通知。我知道有一个服务器端事件/networking套接字的可能性，但一个Web应用程序可以模拟推送通知function？谢谢

Android中的文本/布局alignment（textAlignment，gravity）: android:textAlignment和android:gravity什么区别？

iPhone / iPad触发意外的resize的事件: 我正在使用我的网站的移动版本。我尽可能地使用媒体查询和CSS，但我也使用一些JavaScript，例如，将我的导航到一个较小的设备上的崩溃/展开列表，以节省空间。为了处理所有这些，我试图使用window.resize事件。这可以让桌面浏览器在resize时发生魔法，但是当我不期待它们时，我正在iPad / iPhone上resize事件。在桌面浏览器上，如果实际调整窗口大小，我只会得到一个resize事件。在移动浏览器中，当我改变方向（预期）时，我得到了resize事件，但是当我切换到展开/折叠的东西时，我也得到了它。这是一个简单的例子： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <title>Resize test</title> <style> .box {height: 10000px; background: green; display: none;} </style> <script> $(function(){ $(".opener").click(function(){ $(".box").slideToggle(); }); $(window).resize(function(){ alert("resized"); }); }); </script> </head> <body> <a href="#" class="opener">Open/close me</a> <div class="box"></div> </body> </html> […]

使用Modernizr来testing平板电脑和移动 – 需要的意见: 我想使用Modernizr来检测用户是否在桌面，平板电脑或移动设备上查看网站。我最初的想法显然是检查移动设备和更大的桌面应该足够的屏幕尺寸。对于屏幕尺寸也可以等于小型桌面屏幕（1024 x 768）的平板电脑设备，我也会testing触摸事件。在这个时候，我想专注于手机/平板电脑设备，如jQuery手机，它是A级。我不打算通过任何特定的移动设备function检测桌面，平板电脑或移动设备，并通过根据testing结果附加CSS类来为每个UI提供量身定制的UI。你认为这足以实现我想要的或者你认为我应该testing其他function吗？提前谢谢了。

Google Chrome移动模拟器：如何在屏幕键盘上显示: 我正在通过Chrome的“移动仿真”工具debugging我们网站的移动版本，但是在select文本字段时无法弄清楚如何popup屏幕上的键盘。我点击了文本框，但没有popup键盘。如果我在移动设备上执行此操作，则会popup默认input法（键盘）并允许我键入。有没有办法来复制这个？

使元素不可点击（点击后面的东西）: 我有一个固定的图像，当用户在滚动触摸屏（移动）的行为时，覆盖页面。我想让这个图像“不可点击”或“不活动”或任何其他内容，这样，如果用户触摸并拖动该图像，它后面的页面仍然滚动，就好像图像不在那里“阻止”交互。这可能吗？如果需要的话，我可以尝试提供屏幕截图来举例说明我的意思。谢谢！

可移动/可拖动<div>: 这是我的更新和修改的脚本，它的工作原理是完全的，除了我想普及它…观察****我怎么能使它，所以我不必做function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e); function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e); 每次我需要使用不同元素的可拖动function？ window.onload = addListeners; var BOX = function(){ return{ Draggable: function(){} }; }(); function addListeners(){ document.getElementById('div').addEventListener('contextmenu', menumove, false); **document.getElementById('div').addEventListener('mousedown', function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e);}, false);** } function elementDraggable(e){ var e = e || window.event; var div = BOX.Draggable.elemen; BOX.Draggable.innerX = e.clientX + […]

JavaScript插页位置: 我正在开发一个手机银行应用程序，我有兴趣实时格式化货币数量input。我已经testing了autoNumeric插件和jQuery格式的货币插件，但都在Android 2. *浏览器上有光标位置问题。有没有人有一个JavaScript解决scheme兼容这个浏览器？

在iOS上使用CSS的iframe大小: 有一个iframe，基本上有更多的内容比适合框架。该框架的大小是基于浏览器的屏幕大小，并让溢出滚动，这完美适用于所有的浏览器，除了iOS。在iOS上，Safari会决定调整帧大小以适应内容。不是你所期望的。 jsFiddle上的示例代码： http://jsfiddle.net/R3PKB/2/ 在iOS设备上试用一下： http://jsfiddle.net/R3PKB/2/embedded/result HTML： <div class="frame_holder"> <iframe class="my_frame"> // The content </iframe> </div> CSS： body { position: relative; background: #f0f0f0; } .frame_holder { position: absolute; top: 50px; bottom: 50px; left: 50px; right: 50px; background: #ffffff; } .my_frame { width: 100%; height: 100%; border: 1px solid #e0e0e0; }