Tag: mobile safari

iOS 9.2：select列表（多个）错误地触发更改事件并将值设置为焦点上的第一个选项。 （safari和铬）

我在iOS浏览器中有多个select列表（铬和Safari）的问题。 在我的情况下，我有一个angular度模型绑定的select是射击观察员和更新模型值，只要我专注于select。 我相信这是iOS 9.2中的一个错误。 以下是具体的症状： 铬： 只要select元素被聚焦，“更改”事件就会被触发并且值被设置为第一项，即使UI没有显示select。 从列表中select不同的选项并closuresiOS覆盖图后，该值将更改为正确的值。 如果您再次关注它，则再次触发“更改”事件，并再次添加第一个选项的值。 这次closures叠加层会留下所选的第一个项目。 苹果浏览器： 只要select元素被聚焦，“更改”事件就会被触发，并且该值被设置为第一项。 在这种情况下，叠加层中的用户界面不显示select内容，但原始select中的文本现在将第一个项目显示为选定内容。 实际上第一次select，即使用户界面清楚地显示你已经select了第一个项目，该值设置为null。 当你关注和模糊select时，它将继续切换列表中第一个选项的值。 基本上，除了第一个项目添加到焦点值之外，该浏览器也失去了值和UI之间的同步。 我创build了一个非常简化的jsfiddle来演示这种行为。 http://jsfiddle.net/u922mnvv/4/ HTML <select name="test" multiple> <option value="test1">test1</option> <option value="test2">test2</option> <option value="test3">test3</option> <option value="test4">test4</option> <option value="test5">test5</option> <option value="test6">test6</option> </select> <div> Log: </div> JS（仅用于logging事件和值） $('select').change(function(event){ $('div').append('<p>change:'+$('select').val()+'</p>'); }); 这是一个已知的问题？ 有什么解决办法吗？

在iOS Safari中同时播放两个HTML5video

我正在开发一个显示animation原理图的Web应用程序。 我有一个function，允许用户在原理图的2Dvideo和实际系统的3Dvideo之间切换。 这适用于Chrome，IE和Firefox。 它在运行9.3.1的iPad上无法在iOS上运行。 这两个video都由相同的自定义video控件控制，并同时播放，2Dvideo处于“前”（z-index = 1），3D隐藏在它后面（z-index = 0）。 当3D开关被击中时，只需将3Dvideo更改为z-index = 2。 所以这里没有什么疯狂的事情只是一个CSS技巧。 而且，当我使用我的Mac检查控制台时，它不会引发任何错误。 这是我的HTML页面播放的原理图： <!– Establishes the wrapper for all of the content and the angular controller that will control the content –> <div id="player"> <video id="vid" onload="logDimensions()" ng-hide="twoDhidden" > <source ng-src="{{selected.vidPath}}"> <track id="trk" ng-src="{{selected.track}}" kind="chapters" default> A browser with <a href="http://www.jwplayer.com/html5/">HTML5 text track […]

如何修复safari 6 web inspector，以便它可以与iOS设备或模拟器一起使用？

每当我尝试将Safari浏览器网页检测器连接到在前台运行移动Safari的模拟器或设备时，我尝试检查的网站从未完全加载到检查器中。 DOM不会在dom树视图中填充; 我必须在资源视图中折叠和展开网页才能看到脚本，图像，框架等，但是没有一个应该显示DOM的项目实际上是做的。 触摸模式select一个特定的DOM元素，通过在iPhone / iPad上点击它不起作用的结果。 我已经正确设置相关的ios设置和mac safari设置，以便mac上的safari可以看到每个设备，并正确连接到特定的网站/ webviews，但连接似乎失败了。 我只有适度的运气才能通过Safari浏览器的ios设置来清除cookie和caching，但即使如此，它也只能成功地连接并显示一部分时间。 有没有其他人遇到这个？ 有什么可能出错？ 有没有办法解决它？ 是否有可能使用不同的networking检查员来debuggingiOS上的网站（比如每晚的webkit），如果是这样的话，怎么样？ 这发生在我的10.7和10.8机器和各种不同的ipad上。 这可能是我们的网站具体问题，但我不知道如何缩小到底是什么。

移动Safari中忽略溢出-x值

我们将overflow-x值设置为隐藏在正文和可滚动元素上，但移动Safari忽略这些值。 在桌面上，溢出值工作正常。 相关代码： body { overflow-x:hidden; width:320px; height:100%; min-height:100%; margin:0; background:-webkit-linear-gradient(top,#e8e4dc,#f2f0eb); } .page_list, .content { max-height:370px; box-sizing:border-box; padding:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch } #catalog_page { border-left:1px solid #CCC; z-index:28; position:absolute; top:0; width:200px; height:460px; background:white; -webkit-transition:-webkit-transform 0.1s ease-in;; -webkit-transform:translate3d(0,0,0); display:none; } catalog_page位于视口之外，只有在某人做了手势之后才能滑入视图。 重现： 1）在iPhone上访问www.tekiki.com （不是iPad）。 滚动到右侧，即使我们修正了主体宽度，您仍然会看到catalog_page如何扩展网站的宽度。

iOS8和Safari不再使用蓝牙扫描仪

我有一个Web应用程序，使用蓝牙Opticon扫描仪（ http://www.opticonusa.com/products/companion-scanners ） 用户点击一个字段，扫描条形码，然后该应用程序做它的东西。 在iOS7和Safari下工作很棒。 不再适用于iOS8和Safari。 经常扫描（但不总是）从最后几个字符。 它掉落的字符数量似乎有些随意。 有时它确实有用。 很奇怪。 我去了其他网站 – yahoo.com，google.com和扫描到他们的search框。 performance出相同的行为。 所以这不是特定于我的Web应用程序。 扫描到记事本或电子邮件总是工作。 那里没有问题。 只是在Safari。 但这是最奇怪的事情。 我们打电话给扫描仪公司，他们说这是一个特定于Safari的问题。 他们无能为力 他们说下载Chrome。 果然 – 它在iPad上的Chrome浏览器中非常完美！ 我想要做的最后一件事是告诉我的用户群下载Chrome。 🙁 有没有人看过像这样的东西？ 任何信息或想法？ 我以为iOS上的其他网页浏览器只是包装了Safari引擎，所以我甚至不知道有什么区别。 任何信息，将不胜感激。 谢谢！

iOS css -webkit-transform：缩放不会抵消触摸事件

我有一个我需要拉动在iOS设备上显示的iframe。 iframe的内容不在我的控制之下，并且不以任何方式响应（固定为800×600）。 所以我想缩小iframe以在iOS视口中显示它。 使用-webkit-transform: scale(0.4)我可以缩小它，但现在触摸事件都是错误的（例如，触摸表单元素不会popup打开键盘）。 如果在缩放之前触摸元素所在的位置，则会起作用。 有没有办法纠正触摸事件的偏移量？

问题iOS 7移动Safari滚动键盘上下滚动事件

我正在testing一些滚动事件，并注意到有一个滚动事件触发iOS 7移动Safari在键盘上，但不是在键盘解除/closures。 我想知道为什么有人知道这是为什么？ 我个人认为这是一个错误（并且正在尝试报告，但目前无法login到错误跟踪器），并且他们应该select在两个键盘上上下滚动滚动事件，或者select不丢弃它们完全是因为它看起来回到了以前的状态。 为了演示这个问题，我创build了这个小站点，您可以点击input框，看到滚动事件在键盘上触发，但是在键盘菜单上按下完成时屏幕不会触发，屏幕会滚动到初始位置。 我添加了一个可扫描的二维码，将您发送到下面的testingurl。 提前致谢！ testingurl： http ： //lp.mydas.mobi/test/cs/scroll_issue/error.html testingqr：

iOS 8.3 Mobile Safari禁用表情渲染

苹果最近发布了iOS 8.3。 他们添加了更多的表情符号，现在他们都在移动Safari浏览器中呈现。 例如，▶将呈现为表情符号图标。 有没有办法禁用表情符号渲染？ 例如通过CSS或JavaScript？

如何在移动Safari中提交表单后重置缩放，同时保持用户的可伸缩性？

当用户从iPhone / iPadlogin到我的应用程序时，Safari（帮助）在用户填写用户名/密码字段时放大。 但是当表单被提交并且我们login时，我们不会重新加载页面（这是一个单页面应用程序），所以缩放从不重置。 所以应用程序总是以放大的比例开始。 我曾经看过杰里米·凯斯 （ Jeremy Keith）的解决scheme ，它成功地重置了缩放，但是也阻止了用户将来的缩放/缩放，因为他设置了视口的maximum-scale 。 喜欢这个： var viewportmeta = document.querySelector('meta[name="viewport"]'); if (viewportmeta) { viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0'; } 有没有人看到一个很好的解决scheme后重新提交表单提交，没有冻结了视口后？

iOS Safari Mobile禁用上一个和下一个selectinput

上周五我发现了类似的问题，但似乎再也找不到了。 如果有人能够朝正确的方向捅我，这将是伟大的。 基本上，我有一个页面上的多个select菜单。 第一个填充负载，第二个填充确定第一个的select。 很简单。 但是，在iOS设备上，当您点击select元素时，会启动iOS滚动条以供您select。 如果有人使用本机iOS previous或nextbutton，则以下<select>input将不会收集以前的select数据。 您必须done点击done然后启动下一个select菜单为填充的结果是准确的。 有一个名为http://m.lemonfree.com的网站，强制你点击done而不是prev/next ，也可以阻止你从iOSselect菜单closuresselect提示。 基本上迫使用户selectdone 。 我会非常有兴趣了解他们如何实现这一function。 干杯! 这是我的代码，以防万一： <form method="post" action="list.php" class="striped-bg-inverted"> <p> <label for="make">Make</label> <select name="make" id="make" required="required"> <option selected>Select a Make</option> <?php foreach ($usedMakes->MakeResult as $MakeResult) { ?> <option value="<?php echo $MakeResult->makeId; ?>"><?php echo $MakeResult->makeName; ?></option> <?php } ?> </select> </p> <p> <label for="model">Model</label> <select […]