Tag: 移动

如何模拟移动设备并在Firefox浏览器中进行debugging？: 我正在寻找一个工具，显示我的网站在移动设备模式。此外，我想debugging我的网站与像Firebug的工具或…甚至更好，我可以使用Firebug。什么是一个既定的解决scheme呢？

与iOS和常规浏览器兼容的JS库（拖放）: 有谁知道一个JS框架，具有拖放function，并与移动（iOS）和常规浏览器兼容？我目前有一个基于networking的应用程序，这是一个麻烦，使其拖放function在iOS上的工作…我希望有一个会做这两个…

基于http请求在Web应用程序中检测移动浏览器的标准方法: 我们正在开始走下移动浏览器支持企业电子商务webapp（基于Java / Servlet）的path。当然有很多决定要做，但在我看来，基石是能够可靠地检测移动浏览器，并作出相应的内容决定。有没有一个标准的方式来（快速）基于http请求做出这个决定，理想情况下收集有关给定的浏览器和设备的请求（屏幕大小，HTMLfunction等）的更多信息。我也很感激任何补充的信息，这些信息可能会从那些走上现有的大型企业Web应用程序并从开发方面构build移动浏览器支持的人那里得到使用。我当然明白请求头和标准用户代理数据库的信息是一个很大的帮助。对于那些正在讨论“其他”请求头部属性的人来说，如果你可以包含类似的标准化名称/资源的值，这将是一个很大的帮助。几个用户已经提出了一些解决scheme，这些解决scheme涉及到通过networking进行呼叫的一些Web服务来进行检测。虽然我确信这是有效的，但对于企业电子商务网站来说这不是一个好的解决scheme，原因有两个：1）速度。每次向第三方发送页面请求的电话呼叫都会带来巨大的性能影响。 2）依赖/合法。我们会将我们的网站响应时间和关键function绑定到他们的服务上，这在法律和风险方面是非常可怕的。

检测触摸按VS长按VS运动？: 我目前正在摆弄Android编程，但是我在检测不同的触摸事件时遇到了一个小问题，即正常的触摸按下（在屏幕上按下并立即释放），长按（触摸屏幕并按住它的手指）和移动（在屏幕上拖动）。我想要做的是在屏幕上有一个图像（一个圆圈），我可以拖动。然后当我按下一次（短/正常按）一个吐司来了一些关于它的基本信息。当我长时间按下它时，带有列表的AlertDialog出现以select不同的图像（圆形，矩形或三angular形）。我用自己的OnTouchListener做了一个自定义View来检测事件并在onDraw中绘制图像。 OnTouchListener.onTouch就像这样： // has a touch press started? private boolean touchStarted = false; // co-ordinates of image private int x, y; public boolean onTouch(View v, MotionEvent event) { int action = event.getAction(); if (action == MotionEvent.ACTION_DOWN) { touchStarted = true; } else if (action == MotionEvent.ACTION_MOVE) { // movement: cancel the […]

苹果触摸图标的网站: 到目前为止，我已经在头脑中包括了Apple Touch图标，如下所示： <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 不过，在问答“苹果触摸图标的正确像素尺寸是多less？在接受的答案中指出，根据苹果的指导原则，现在需要三张图片。那么如何将这些插入到代码的头部分呢？

如何使用JavaScript检测移动设备？: 我被要求创build一个实际的HTML页面/ JavaScript来模拟使用JavaScript代码检测移动设备（iPhone / iPad / Android）。然后这将使用户到另一个屏幕，要求他们的电子邮件地址。

如何使用Ionic框架进行Web应用程序开发？: 是否有可能使用离子frameowork常规Web应用程序，而不是包装在cordova？

移动设备上的Twitter Bootstrap模式: 引导模式在Android和iOS上无法正常工作。问题跟踪器确认问题，但不提供工作解决scheme： 2.0中的模态在移动时被打破。 2.0中的模式窗口没有正确定位屏幕变暗，但模式本身在视口中不可见。可以在页面顶部find它。当您在页面上向下滚动时，会出现问题。以下是bootstrap-responsive.css的相关部分： .modal { position:fixed; top:50%; left:50%; z-index:1050; max-height:500px; overflow:auto; width:560px; background-color:#fff; border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); box-shadow:0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; margin:-250px 0 0 -280px; } 我可以申请修理吗？

Chrome的“请求桌面网站”选项如何工作？: 对于iOS谷歌浏览器，当用户点击“请求桌面网站”button浏览器做什么来尝试启动一个桌面网站？我想象网站正在寻找某种types的请求头，或类似的东西？

如何创build所有移动设备的链接，打开谷歌地图与当前位置开始的路线，命运一个特定的地方？: 我宁愿这样做也不会太难找，但是出乎意料的是，像你所期望的那样，find一个很棒的跨设备文章并不容易。我想创build一个链接，打开移动设备的浏览器和冲浪谷歌地图或打开地图应用程序（苹果地图或谷歌地图），并直接启动一个路线，即：开始在当前位置，结束在给定点纬度/经度）。我可以在两个设备（除了browserstack），一个Android和一个iPhone上testing。以下链接仅适用于Android： <a href="http://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 点击iPhone的Chrome浏览器中的这个链接，这个奇怪的打开Google地图的桌面版本与移动应用程序上的广告… 这一个只适用于iOS，打开苹果地图要求我进入一个开始位置（我可以select“当前位置”），并开始路线=所需的行为。点击此链接在Android上完全失败： <a href="maps://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 注意maps：//协议。有没有一个优雅的跨设备的方式来创build这样的链接？一个适用于所有主要手机的链接？谢谢更新：find解决scheme（有点）这是我想出来的。这不像我想象的那样，虽然它工作。 var ua = navigator.userAgent.toLowerCase(), plat = navigator.platform, protocol = '', a, href; $.browser.device = ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i) ? ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i)[0] : false; if ($.browser.device) { switch($.browser.device) { case 'iphone': case 'ipad': case 'ipod': function iOSversion() { […]