Tag: html5

HTML5地理位置 – 无法在iOS上一直运行: 目前与HTML5地理位置工作，我已经在所有的Web浏览器上testing，它似乎工作。但是，当我在iPad上testing地理定位时，它一直适用于iPad mini，但是当我将它放在较大的iPad（iPad 2）上时，该位置似乎并不一直工作。我试图做这个networking端，这样的解决scheme可以移植到多个平台，而不仅仅是iOS。编辑：刚刚尝试过，它在Safari浏览器中工作，但它不适用于iOS应用程序。有没有人有任何想法，为什么它不工作？互联网：尝试Wi-Fi和尝试热点，也试图打开Wi-Fi无需连接任何人。 iOS版本： 8.3 位置应显示在这里： $("#status").html(currentLat + " " + currentLng); 码： <!DOCTYPE html> <html> <head> <script src="js/jquery-1.11.3.min.js"></script> <script> //example $(document).ready(function(){ setInterval(function(){ getLocation(function(position) { //do something cool with position currentLat = position.coords.latitude; currentLng = position.coords.longitude; $("#status").html(currentLat + " " + currentLng); }); }, 1000); }); var GPSTimeout = […]

如何擦除，清除，擦除保存在iPad上的主屏幕上的Web应用程序的HTML 5 localstorage？: 这里有一个关于本地存储如何在iOS 6中工作的很好的总结： Important: iOS6 and Data Storage 许多人似乎对safari和networking应用程序不共享本地存储等事实感到担忧。但是，我似乎无法在任何地方的标题中find问题的答案：我的情况：我正在开发具有Web应用程序function的HTML5 Web应用程序，并希望它能够从主屏幕运行。似乎一切工作正常，但对于开发，我需要能够在一段时间内清除caching。我尝试了所有我能想到的（以及任何可以想象的组合和顺序）：清除Safaricaching 从家中删除应用程序并重新加载重新加载网页，然后保存到家中清除应用程序中的caching（ localStorage.clear() ）你有什么想法？

如何在cordova中dynamic加载CSS: 我试图通过xhr请求在cordovadynamic加载一个CSS。加载CSS不是一个问题，我可以通过xhr加载它，并通过HTML5 File API将其存储到文件系统。那么我可以得到一个完美的url。但是，如果我在JavaScript中创build一个新的链接元素，像这样： <link rel="stylesheet" type="text/css" id="skin" href="cdvfile://localhost/temporary/mydomin.tdl/skin.css"> 你的样式表没有任何影响，我怎么能强迫cordova把样式表考虑在内？

.net MVCstreamMP4到iDevice问题: 对于我一直在为video服务的一段代码，我遇到了一些问题。代码如下： public ResumingFileStreamResult GetMP4Video(string videoID) { if (User.Identity.IsAuthenticated) { string clipLocation = string.Format("{0}\\Completed\\{1}.mp4", ConfigurationManager.AppSettings["VideoLocation"].ToString(), videoID); FileStream fs = new FileStream(clipLocation, FileMode.Open, FileAccess.Read); ResumingFileStreamResult fsr = new ResumingFileStreamResult(fs, "video/mp4"); return fsr; } else { return null; } } 这是我的HTML代码： <video controls preload poster="@Url.Content(string.Format("~/Videos/{0}_2.jpg", Model.VideoID))"> <source src="@Url.Action("GetMP4Video", "Video", new { videoID = Model.VideoID })" type="video/mp4" /> […]

Keydown允许数字，但不能在iPhone上移动符号: 我有一个事件绑定到应该只允许数字的input。简化： function (e) { if (-1 === [48,49,50,51,52,53,54,55,56,57].indexOf(e.keyCode)) { e.preventDefault(); } } 这工作正常，但如果有人types！， @ ，＃， $等等，keyCode仍然是一样的，事件的默认是不被阻止的。在物理键盘上，我也可以通过检查e.shiftKey来防止这e.shiftKey 。但是，在iOS 虚拟键盘上，即使是<input type=number>也存在一些字符（如$ ），并且可以直接键入。他们的keyCode是一样的，但似乎e.shiftKey仍然是错误的。我可以接受的解决scheme有很多种：让虚拟键盘本身不显示这些字符（即只显示数字和句点/小数）检测到一个无效的虚拟键被按下，并抑制事件的行为确定一个无效字符将被添加到input的值，并在这种情况下抑制事件的行为其他？

如何使iOS UIWebView正确显示移动网站？: 我是iOS应用程序开发的新手，我只是尝试使用UIWebView在我的应用程序中显示移动网站，并不是很成功。我所做的只是一些简单的Xcode项目configuration和编码，我在一些Googlesearch过程中发现：使用Single View Application模板在Xcode中创build一个新的iOS应用程序项目。将Web视图从Object Library Main.storyboard的View Controller场景中。按住Control键的同时，将Web视图从View Controller场景拖到ViewController.h编辑器，产生如下的源代码行： @property (weak, nonatomic) IBOutlet UIWebView *myWebView; 在ViewController.m中添加下面的代码： – (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. NSURL *url = [NSURL URLWithString:@"http://www.amazon.com"]; [self.myWebView loadRequest:[NSURLRequest requestWithURL:url]]; } 这就是我所做的（也包括那些教程告诉我的）。在我构build并运行应用程序（在模拟器和真正的iPhone设备上）后，网站确实加载了应用程序的视图（并且加载了移动版本而不是PC版本），但是它显示的网站好像视图很多大于实际的iPhone屏幕。这里是一个screeshot（亚马逊在这种情况下，但其他网站基本相同）：我应该怎么做才能使iOS UIWebView正确显示移动网站？刚刚尝试Dipen Chudasama关于禁用“用户大小类”选项的build议，所有这些build议的第一次，结果确实有点改变（从左alignment到中心alignmentsorting），但仍然不是我自己寻找。这是截图：编辑： […]

移动Safari和jQuery事件，没有什么是射击？: 好的，所以我有一个用HTML5 / JavaScript编写的应用程序，用于内置汽车装置。这是一个“单页”的应用程序，在主页面上为了响应不同的事件而将片段加载到div中。我被要求将其移植到浏览器，以便它可以用于市场营销，演示等等。这看起来不是什么大事，因为几乎没有什么适应，只需要调整一些CSS，以便它可以在所有浏览器中显示相同。然后，他们决定他们想要运行webapp的设备将是一个iPad。该应用程序在Safari中效果很好，所以我不认为我会在移动Safari中遇到任何问题。立即意识到，情况并非如此。在移动Safari浏览器中该应用程序根本不起作用！基本上，我的点击事件都没有发射。最重要的是，我的控制台中出现了不一致的错误消息，这些消息在任何其他浏览器中都没有显示出来。 TypeError: 'null' is not an object 围绕这个网站，我看到有关jQuery绑定工作和Mobile Safari的报告有冲突，哪些不支持。所以我决定build立我自己的实验。使用单个链接创build页面： <a class="mylink">CLICK ME</a> 然后我尝试了这些绑定中的每一个： $("a.mylink").click(function () { console.log("click worked"); }); $("a.mylink").bind("click", function () { console.log("bind worked"); }); $("a.mylink").live("click", function () { console.log("live worked"); }); $("a.mylink").on("click", function () { console.log("on worked"); }); 唯一一个在控制台中得到任何响应的是.live（）。即使如此，这是非常不一致的，通常涉及点击发送垃圾邮件。 […]

iOS的UiWebView /页面可见性Api：“pageshow”事件不会触发: 我正在尝试使用页面可见性Api来检测Web内容在iOS中显示的时间。我有简单的JS： window.addEventListener("pageshow", function(){ alert("page shown"); }, false); 如果选项卡处于活动状态，或Safari最小化，然后重新显示，移动Safari浏览器中的警报就会触发。但是，如果我在UiWebView中托pipeWeb内容，事件不会触发。有没有其他人遇到过这个问题？如果有的话，任何解决这个？谢谢…

将联系人添加到HTML网页的移动设备地址簿中: 我目前正在build立一个网站，只需轻触一下，你就可以添加一个联系人到你的iPhone / Android地址簿。该网站目前是HTML5，但可以实现Javascript和/或PhP选项。那么有没有办法，点击一个链接，移动设备将打开已经充满了我想要的信息（名称，电子邮件地址，街道地址，电话号码）的地址簿。我到处都只是想方设法编写可以做同样事情的应用程序。我想从网页上制作。任何地方我可以学习如何做到这一点？ PS：目前，我正在尝试一个.VCF文件中的所有内容，可以点击下载…这似乎导致我目前无处。

我如何在HTML5的应用程序caching中存储50MB的video？: 我正在开发一个iOS离线应用程序，我试图存储一个50MB的video离线查看。但是，在我的manifest.appcache正确添加video的url后，我得到一个控制台错误，说appcache限制超过了允许的大小。因此，打破了我的整个页面; 没有一个资源后加载。只要我从appcache解除video链接，一切正常。有没有办法绕过这种行为？或者，有没有一种方法可以在IOS5 + iPad上存储50MBvideo以进行离线观看？