我的问题是关于iOS9的! 我有一个HTMLlogin页面,如果安装了应用程序,我尝试通过URLscheme将用户redirect到我的应用程序,否则redirect到Appstore 。 我的代码是: document.addEventListener("DOMContentLoaded", function(event) { var body = document.getElementsByTagName('body')[0]; body.onclick = function () { openApp(); }; }); var timeout; function preventPopup() { clearTimeout(timeout); timeout = null; window.removeEventListener('pagehide', preventPopup); } function openApp(appInstanceId, platform) { window.addEventListener('pagehide', preventPopup); document.addEventListener('pagehide', preventPopup); // create iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.setAttribute("style", "display:none;"); iframe.src = 'myscheme://launch?var=val'; var timeoutTime = […]
我有一个非常简单的HTML页面,这个META标签用于iPhone: <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,user-scalable=no" /> 使用iPhone Safari,当页面以纵向模式加载时,它看起来很好,宽度适合屏幕。 当我将iPhone旋转到横向模式时,网页将自动resize以适应横向宽度。 好,这是我想要的。 但是,当我从风景旋转回来,页面不调整为适应像以前的肖像宽度。 它保持在横向宽度。 我希望iPhone自动将其设置回正确的宽度,就像横向模式一样。 我不认为这应该涉及方向倾听者,因为这一切都是自动完成的,对于不同的模式我没有任何特别的造型。 为什么iPhone不能以纵向模式重新调整网页的大小? 我该如何解决? UPDATE 我设法让iPhone自动resize,但有一个奇怪的现象,只有在偶数轮换之后…非常奇怪。 我使用这个META标签: <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 这是我必须做的,以实现自动resize: 1.在纵向加载 – >看起来不错。 2.旋转到横向 – >resize以适应屏幕。 3.旋转回肖像 – >不resize。 4.旋转到风景 – >仍然在风景大小。 5.旋转到肖像 – >resize以适应肖像画面。 有人可以解释这种行为? 我仍然想知道如何解决这个问题,并感谢任何帮助。 谢谢! 汤姆。
我有两个button旁边的文本框和另一个文本框后的2个button。 第一个文本框的tabindex为1000,第一个button为1001,第二个button为1002.第二个文本框的tabindex为1003。 当我按tab时,tabindex在除Safari之外的所有浏览器中都能正常工作,即使tabindex已经正确设置,它也会立即从第一个文本框移动到第二个文本框。 任何想法如何防止这个问题?
是否有一个JavaScript API从Mobile Safari访问iPhone的相机?
我一直在寻找一种方法来从浏览器中打开一个本地的iOS应用程序。 我在这里find了一个不错的解决scheme: 是否可以为YouTube和Google地图等iPhone应用程序注册基于http +域名的URL Scheme? 这个解决scheme在安装应用程序时效果很好。 但是当用户没有安装这个应用程序 – Safari浏览器会popup一个错误消息,指出“Safari无法打开该页面,因为地址无效”。 有没有办法来防止这种行为,而是提示用户下载应用程序?
在我正在处理的项目中,我需要validationinput到<input type="date"> 使用Safari 4/5(在Mac OSX上),JavaScript无法parsing格式YYYY-MM-DD ,返回NaN而不是预期的纪元时间戳。 我正在使用以下技术来validation提交表单之前的字段: //value = '2010-06-21' var stamp = Date.parse(value); if (isNaN(stamp)) { //notify user } else { value = new Date(stamp).format_mysql(); } 其中format_mysql()是一个将date(正确)格式化为MySQLdate时间格式(YYYY-MM-DD)的原型函数。 用/ 's(YYYY / MM / DD)代替-产生一个“正确的”时间戳。 我应该注意,该字段应该接受任何date格式,不只是YYYY-MM-DD,尽pipe我想,我不能使用像Date.js这样的库 我该如何解决这个问题,还是有更好的方法来parsing/validationdate?
也许我在这里错过了一些东西。 我试图获取具有多个背景的元素( div )的当前背景信息,使用longhand background-repeat , background-position和background-image 。 使用jQuery,我只是做var bPos = $('#element').css('background-position')来获取当前位置的集合,这会给我像'0 0, 100px 100px, left bottom' Firefox和Chromium(目前版本分别为5和12),但是在Safari(OS-X上的版本5)中,它只返回第一个值对( '0 0' )。 这些CSS值是在外部样式表中设置的。 有没有人有任何想法,为什么这是,以及如何去得到在Safari的全套价值对(使用速记background属性也不这样做)? 编辑: 这是在外部样式表中使用的CSS: #page{ background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x; background-image: url('..http://img.dovov.comline.png'), url('..http://img.dovov.comline.png'), url('..http://img.dovov.comline.png'), url('..http://img.dovov.comline.png'), url('..http://img.dovov.comline.png'); background-position: 0 798px, 0 653px, 0 125px, 0 88px, 0 78px; } 编辑: 好的,我在jsFiddle上为此做了一个testing用例,并将其报告为jQuery 错误,因为它似乎是可重复的行为(虽然我接受它可能是浏览器实现问题,而不是实际上的jQuery错误)。 不过,如果有人有任何想法… 编辑: […]
考虑下面的AppleScript: on is_running(appName) tell application "System Events" to (name of processes) contains appName end is_running set safRunning to is_running("Safari") if safRunning then tell application "Safari" — Stuff I only want executed if Safari is running goes here. end tell return "Running" else return "Not running" end if 问题是:当我通过osascript命令行实用程序运行它时,如果Safari没有运行,它会启动并且脚本报告“正在运行”。 这不是我期望或期望的行为。 请注意,它在AppleScript编辑器中运行时按预期方式工作。 这是一个osascript错误/已知的问题? 或者是因为我失踪的原因而出于某种目的? 任何人都可以得到它按要求工作? (顺便说一句,我正在运行OSX 10.7.5;我不明白如何让osascript报告一个版本号)。 […]
当我连接我的iOS 6设备进行远程debugging以testing我的移动Web应用程序时,Safari浏览器开发菜单中的设备名称显示“No Inspectable Applications”。 我已经在我的设备safari设备设置中启用了networking检查器。 为什么发生这种情况?
我目前正在对付Safari上令人沮丧的错误,我不知道还有什么可以转身的。 看起来会触发focus事件的大多数元素(但不是全部,也不能识别区分因素)会导致页面上所有被转换或animation的元素跳转到顶部和左侧〜2px。 这只发生在页面加载后的第一个焦点事件上。 看到这个bug,有点烦人,因为它在droplr.com的login部分,而且我完全无法在JSFiddle上提炼出一个简单的例子。 如果你有/创build一个账户并login,点击这个编辑图标进行删除: 你会看到,在页面的第一个焦点,事情抖动。 下面是时间线,当页面上有一个单独的下拉菜单时,我将焦点放在一个有问题的元素上: 随着更多的下降,它只是更多的相同,但似乎最多约40个油漆。 而剖析器并没有暗示任何有害的东西。 只是通过jQuery内部旅行。 如果不是通过translate3d或matix3d来布局元素,我只需要使用top和left ,这个bug就会消失。 经过几小时和几个小时的debugging,我完全失去了。 希望有人看到类似的东西,可以看看,或者可以给我build议debugging下一步。 非常感谢! 更新:戴夫德桑德罗build议这是3D加速踢,所以我试着用一个translate来代替,果然,这并没有造成抖动。 我不知道为什么硬件加速会通过focus事件引发,只有一次。 我已经尝试在页面加载中设置一个0的transformZ,继续增加硬件,但在那里也没有运气。 欢迎任何更多的想法。