Tag: Safari

iPhone浏览器默认为大写字母的密码字段的第一个字母: 我正在为我的webapp的移动版本写一个login页面，并且有一个简单的HTML密码字段，如下所示： <input id="password" type="password" /> 唯一的问题是，iPhone Safari浏览器默认大写input的第一个字母，这是混淆我的用户，因为密码区分大小写，他们并不总是意识到这一点。有谁知道的方法，标签或以其他方式停止这种情况发生，并强制iPhone的input为小写，除非用户另有指定？或者这只是平台的一个function，不能改变？

我怎样才能删除在Mac上的Safariselect元素的光泽？: 在Mac和iOS设备上，在Safari中，具有背景颜色的<select>元素会产生光泽。这在其他操作系统中似乎不会发生。例如，我有一个具有这些样式属性的select元素： select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; background-color: #BD2786; color: white; letter-spacing: -.04em; font-weight: bold; border: 0; } 而我的元素有我想要的背景颜色，但光泽依然存在。有谁知道如何使它成为一个平坦的颜色？

Safari 7应用程序caching不起作用: 在Safari 7中，带有清单的主html文件在脱机时可加载，但是没有任何外部资源被加载，即使它们在清单文件中被列为caching。 Safari的资源窗格列出了应用程序caching中的文件，但不会加载它们。我已经尝试了一个非常简单的testing，检查清单文件的MIMEtypes，重命名清单文件，并尝试其他演示。以下是一个在Chrome上正常工作的示例，但在Safari上，它不会在脱机时加载粘性图片： http : //htmlfive.appspot.com/static/stickies.html 这与AppCache在Safari，firefox中行为exception所描述的问题是一样的，但是我认为这个问题并没有把问题弄清楚，我想提供一个具体演示的问题。有没有解决办法，或者Safari 7完全不支持超出主html文件的应用程序caching？谢谢！

离线iOS Web应用程序：加载我的清单，但不能脱机工作: 我正在编写一个在iOS上离线使用的Web应用程序。我创build了一个清单，将其作为text/cache-manifest ，并且在Safari中运行时通常工作正常。如果我把它作为一个应用程序添加到我的主屏幕，然后打开飞行模式，它根本无法打开应用程序 – 我得到一个错误，它提供closures应用程序。（我认为这是一个离线应用程序的全部目的！）在线上第一次加载应用程序时，我可以在我的日志中看到它正在请求清单中列出的每个页面。如果我closures飞行模式，并加载应用程序，我可以看到它所请求的第一个文件是我的main.html文件（这是清单中列出，并具有manifest=…属性）。然后它要求清单和我所有其他文件，获得200的所有（和304的任何事情要求在此负载第二次）。当我在Chrome中加载页面时，点击左右，日志显示它试图到达服务器上的唯一东西是“/favicon.ico”（这是404，而我不认为iOS Safari会加载，无论如何）。清单中列出的所有文件都是有效的，并且没有错误地提供。 Chrome检查员在“APPLICATION CACHE”下列出了我所期望的所有已列出的caching文件。整套文件大约是50 KB，在我发现的任何离线资源限制下都是如此。这是应该工作，即，我应该能够创build一个离线的iOS应用程序只使用HTML / CSS / JS？我在哪里去弄清楚为什么它不能脱机工作？（相关，但对我来说听起来不太一样，因为它是关于Safari，而不是一个独立的应用程序：“ 不能让一个Web应用程序脱机工作在iPod上 ”）

Chrome，Safari忽略表中的最大宽度: 我有这样的HTML代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> </head> <body> <table style="width:100%;"> <tr> <td> <table style="width:100%; max-width:1000px; background:#000099;"> <tr> <td> 001 </td> </tr> </table> </td> </tr> </table> </body> </html> 问题是，Chrome和Safari忽略"max-width:1000px"我的朋友发现，我们可以通过为内部表添加"display:block"来阻止它，并以某种方式工作。所以，我想知道的是 – 还有其他解决这个问题的方法，为什么会这样呢？

Safari浏览器中的date无效: alert(new Date('2010-11-29')); 铬，ff没有这个问题，但safari呼喊“无效date”。为什么？编辑：好的，根据下面的评论，我用stringparsing，并试图这样做： alert(new Date('11-29-2010')); //doesn't work in safari alert(new Date('29-11-2010')); //doesn't work in safari alert(new Date('2010-29-11')); //doesn't work in safari

在移动Safari中消除300ms的点击事件延迟: 我读过移动版Safari浏览器从点击链接/button到事件触发时点击事件延迟300毫秒。延迟的原因是要等待用户是否打算双击，但是从用户体验的angular度来看，等待300ms往往是不可取的。消除这种300毫秒延迟的一个解决scheme是使用jQuery Mobile“tap”处理。不幸的是，我不熟悉这个框架，不想加载一个大的框架，如果我需要的是一两行代码正确的应用touchend 。像许多网站一样，我的网站有许多像这样的点击事件： $("button.submitBtn").on('click', function (e) { $.ajaxSubmit({… //ajax form submisssion }); $("a.ajax").on('click', function (e) { $.ajax({… //ajax page loading }); $("button.modal").on('click', function (e) { //show/hide modal dialog }); 我想要做的就是使用这样一个单独的代码片段摆脱所有这些点击事件的300毫秒延迟： $("a, button").on('tap', function (e) { $(this).trigger('click'); e.preventDefault(); }); 这是一个坏的/好主意吗？

iPhone / iPod touch的Safari iOS 7中无法隐藏导航栏: 我不相信有任何解决scheme使用javascript / css / html以编程方式隐藏栏，但让我试着描述一个问题。我们是手机游戏开发者团队，我们一直在开发游戏一年。 iOS 7发布后，我们面临隐藏导航栏的问题。一旦用户点击Safari浏览器的上部或下部，导航栏再次出现并隐藏游戏的所有控件。我们迄今发现的唯一解决scheme是迫使用户：旋转设备滚动页面将应用程序添加到主屏幕这些替代品都不是可以接受的。看起来苹果已经意识到了这个问题，但一直忽略它。他们已经closures了一个错误报告＃14076889。我相信我们不是唯一遇到同样问题的球队。有谁知道解决scheme？

使用Chrome DevToolsdebuggingiOS 6 + 7 Mobile Safari: iOS 6内置支持远程debugging（ 1分钟截屏）。它与新的Safari Web Inspector，这似乎是WebKit督察1岁的叉很好。它错过了一些function，如JS编辑和WebSocket框架检查。 Safari的Web检查器使用WebKit远程debugging协议。但是，Safari不使用TCP / HTTP作为传输层，因此与Chrome不兼容。说蒂莫西·海切尔（又名氙），苹果公司的雇员 Safari使用什么传输层？我可以从这个神秘的传输层到HTTP的代理，使其与Chrome开发工具的工作？

为什么一个Safari页面打破iOS渲染？: 我知道标题并不是说明性的，但这里是一个故事：我正在开发一个浏览器游戏，主要是使用JavaScript和Mapbox库。在桌面，Android和iOS上一切正常，但iOS上出现了一个问题：让游戏运行几分钟后，手机突然开始出现graphics工件，并显示大部分文本。以下是手机开始的一些照片：我的问题是：什么在我的代码可以导致这个？内存泄漏？（ LE ：原来实际上是内存泄漏）真正的问题是：如何通过浏览网页几乎可以让整个手机变砖？不应该Safari停止这个，或者至less是iOS？这对于这个特定的设备来说不是问题，因为这个问题可以在不同的iPhone设备上复制。（我不太确定不同的iOS版本）。我如何重现错误：打开游戏（在Safari中）。让它运行3-4分钟。滑下通知中心，一切都变得疯狂。我添加了一个YouTubevideo，显示如何重现错误（在我的iPhone 5C上）。看起来问题首先出现在通知中心（如果你从顶部向下滑动菜单）。至于现在，这个问题似乎只发生在iPhone 5C iOS 9.2.1（13D15）上。它也发生在新的iOS 9.3版本上。为了解决这个问题，我必须： closuresSafari应用程序（游戏标签打开）。 locking电话。解锁后，一切恢复正常。有关游戏本身的一些细节：游戏显示一个Mapbox地图和一些单位（标记）。一个Node.js服务器以每秒1滴的速度运行，并在每次滴答之后通过Socket.io将更新的游戏状态发送给浏览器。每次浏览器收到游戏状态，都会相应更新标记。 *游戏可能会更新标记，如果你放大或缩小或如果你select它们。编辑2：发现内存泄漏（如预期）。修复此漏洞（检查undefined _icon）后，问题不再发生。这意味着，在这些行的某个地方Safari / iOS的错误被触发。这里是什么被称为每个滴答，为每个被聚集的单位（被隐藏和分组在MarkerCluster内）： var $icon = $(marker._icon); // marker._icon is undefined because of the clustering $icon.html(''); $icon.append($('<img […]