Tag: 移动

了解触摸事件: 我试图让我的一些库在触摸设备上工作，但是我很难弄清楚它们是如何得到支持以及如何工作的。基本上，有5个触摸事件，但似乎只有在touchstart事件（ touchstart ），移动浏览器的共识。我创build了一个小提琴作为testing用例。我已经在Galaxy Note上使用Android 4在我的Galaxy Note上进行了testing，但是您也可以使用桌面浏览器检查链接。目标是设法弄清楚如何处理水龙头，双击和长水龙头。没有什么花哨。基本上，这是发生了什么事情： Android股票浏览器不触发触摸事件。它只是试图模拟点击鼠标点击，连续发射mousedown ， mouseup和click事件，但双击只是放大和缩小页面。 Android版Chrome浏览器会在手指触摸屏幕时触发touchstart事件。如果它很快被释放，它会触发然后mousedown ， mouseup ， touchend ，最后click事件。如果长时间点击，大约半秒钟后会touchend和mousedown ，并且在手指抬起时触摸，最后没有click事件。如果你移动你的手指，它触发一次touchmove事件几次，然后触发一个touchcancel事件，事后没有任何事情发生，甚至没有touchend事件时touchend指。双击会触发放大/缩小function，但事件明智的是它触发组合touchstart – touchevent两次，没有鼠标事件触发。适用于Android的Firefox会正确触发touchstart事件，并在短时间触发mousedown ， mouseup ， touchend ， click 。如果长时间点击，它将触发mousedown ， mouseup和最后touchend事件。 Chrome对于这些东西也是一样的。但是，如果你移动你的手指，如果连续触发（如人们所期望的那样），但是当手指离开事件监听器的元素时不触发touchleave事件，并且在手指离开时不触发touchcancel事件浏览器视口。对于双击，它的行为就像Chrome一样。 Opera Mobile与Chrome和Firefox做同样的事情，但是如果长时间按下，则激活某种共享function，我真的想禁用它。如果你移动你的手指，或者双击，它的行为就像Firefox一样。 Chrometesting版通常只用于短时间的点击，但是如果长时间点击，则不会再触发mouseup事件，只需touchstart ，然后在半秒钟后touchstart ，然后在手指抬起时触摸。 […]

Google Maps API中的“meta viewport user-scalable = no”有什么意义？: 我使用的是Google Maps JavaScript API V3，官方的例子总是包含这个meta标签： <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 我见过的大多数第三方示例也是这样做的。不过，我写了一个使用它的插件，我的一个用户告诉我，这使得他无法在移动设备上放大或缩小。我没有移动设备进行testing，我的search没有显示任何有用的信息。那么，标签有什么意义呢？我应该留下吗？我应该尝试检测浏览器代理，只显示桌面浏览器？如果你想检查插件，你可以下载，浏览源代码或看到一个实例。

pinterest API文档: 2015年8月更新： Pinterest现在在这里提供https://dev.pinterest.com/ v2 Pinterest API有官方或非官方文档吗？我知道的事情： JSON API是在版本2. https://api.pinterest.com/v2给你一个JSON响应人们正在编程，因为有一个移动应用程序和testing版的开发 SO上的Pintrestauthentication问题 PHP封装的v1与在Github由Kellan v2的更新与方法：上传，pin，repin，板，活动，stream行 – 阅读凯兰的代码是我能find的最好的信息更多关于凯兰的工作与Pinterest团队的回应私人非官方Facebook Pinterest开发小组这里是Pinterest后面的一些明星更新2014年3月4日 Pinterest已经发布了一个可以请求访问的testing版v3 API。向下滚动页面，您将看到左列中列出的端点。 https://developers.pinterest.com/api_docs/ 更新2013年1月9日由于https://api.pinterest.com/v2提供了一个404，它似乎已经被转移到v3。 https://api.pinterest.com/v3 { "status": "failure", "code": 11, "host": "053", "generated_at": "Wed, 09 Jan 2013 10:25:27 +0000", "message": "API method not found.", "data": null } 2012年11月19日更新 http://tijn.bo.lt/pinterest-api的非官方API文件已经不存在了，连同他们的整个网站。我在这篇文章中留下链接，因为它可能会重新联机。 Pinterest仍然没有向开发者提供他们的api地位。更新2012年5月22日， Pinterest还没有提供公共API。人们通过iPhone用户代理连接到api端点，这是iOS应用程序可用的 […]

为什么Twitter Bootstrap使用像素字体大小？: 鉴于Twitter Bootstrap被devise为响应/设备友好，为什么不使用相对字体大小？

从networking浏览器获取GPS位置: 我正在开发一个基于移动的网站，在那里我已经集成了Google Maps，我需要dynamic地填写Google Maps的“From”字段。是否可以从networking浏览器获取GPS位置并dynamic填充到Google Map的“From”字段中？

@Media最小宽度和最大宽度: 我有这个@media安装程序： HTML ： <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS ： @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ } 有了这个设置，它可以在iPhone上运行，但在浏览器中不起作用。是因为我已经有元device ，也许有max-width:480px而不是？

如何将一个文件夹从一个Subversion版本库移动到另一个版本库？: 我在一个名为“project”的Subversion版本库中有一个“docs”文件夹。我得出的结论是，它应该保存在一个名为“project_docs”的单独的Subversion存储库中。我想将“docs”文件夹（及其所有版本）移动到“project_docs”存储库。有没有办法做到这一点？

：触摸CSS伪类或类似的东西？: 我试图做一个button，这样当用户点击它时，鼠标button被按下时，它会改变它的样式。如果在移动浏览器中触摸，我也希望它以类似的方式改变它的风格。看似明显的事情是使用CSS：active伪类，但是这并不起作用。我尝试过：专注，而且没有工作。我试过：盘旋，它似乎工作，但它保持了我的手指离开button后的风格。所有这些观察都在iPhone 4和Droid 2上。有没有什么办法可以在手机浏览器（iPhone，iPad，Android和其他人）上复制效果？现在，我正在做这样的事情： <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> … <button type="button" id="testButton">test</button> … <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script type='text/javascript'> $("*").live("touchstart", function() { $(this).addClass("active"); }).live("touchend", function() { $(this).removeClass("active"); }); </script> ：活动的伪类适用于桌面浏览器，活动类适用于触摸浏览器。我想知道是否有一个更简单的方法来做到这一点，而不涉及Javascript。

响应式网页devise正在桌面上，但不是在移动设备上: 我有一个网站，必须响应手机。我用我的桌面创build了它。当我调整浏览器窗口时，它对手机非常适用，但当我在真正的手机上查看它时：Samsung Galaxy S2对手机视图不起反应。什么可能是错的？

如何处理HTML5inputtypes数字的浮点数和小数点分隔符: 我build立的Web应用程序，主要是为移动浏览器。我使用数字types的input字段，所以（大多数）移动浏览器只调用数字键盘，以获得更好的用户体验。这个Web应用程序主要用在小数点分隔符是逗号的地方，而不是点，所以我需要处理两个小数点分隔符。如何用点和逗号掩盖整个混乱？我的发现：桌面版Chrome inputtypes=数字用户input“4,55”input字段 $("#my_input").val(); 返回“455” 我无法从input中获得正确的值桌面Firefox inputtypes=数字用户input“4,55”input字段 $("#my_input").val(); 返回“4,55” 这很好，我可以用点replace逗号，并获得正确的浮动 Android浏览器 inputtypes=数字用户input“4,55”input字段当input失去焦点时，值被截断为“4” 迷惑用户 Windows Phone 8 inputtypes=数字用户input“4,55”input字段 $("#my_input").val(); 返回“4,55” 这很好，我可以用点replace逗号，并获得正确的浮动当用户可能使用逗号或点作为小数点分隔符，并且希望将htmlinputtypes保存为数字时，这种情况下的“最佳实践”是什么？以提供更好的用户体验？我可以将逗号转换为点“绑定”，绑定关键事件，它是否与数字input工作？编辑 Currenlty我没有任何解决scheme，如何从input哪个types设置为数字获得浮点值（作为string或数字）。如果最终用户input“4,55”，Chrome总是返回“455”，Firefox返回“4,55”，这是很好的。在Android（经过testing的4.2仿真器）中，当我input“4,55”到input字段并将焦点改变到其他地方时，input的数字被截断为“4”，这是非常烦人的。