Tag: html5

iPad 2 Safari显示像素化的HTML文本和图像: 我们正在为iPad和iPhone开发HTML5 + CSS3应用程序。该应用程序在iPad和所有iPhone上运行良好，但是，iPad 2在启动时显示html dom对象，并且保持这种状态，有时总是有时停留一会儿。应用程序是专为触摸和手势。我们使用translate3D进行滚动对象的硬件加速。我们也使用jQuery（v1.7），但我们devise的滚动是纯粹的JavaScript，没有框架。 jQuery主要用于查找/添加/删除dom对象和ajax。除jQuery之外，其他所有东西都是内部编写的，包括我们正在使用的jQuery插件。正如我所说，animation是通过translate3D来实现的。对于滑动效果，我们正在改变-webkit转换的x或y轴值，并且当接收到touchend事件时，通过javascript，-webkit-transition和translate3D实现动量animation。在编写应用程序时，苹果的iOS Safari文档被高度用作指南。即使这款应用在iPad，iPod Touch（第二代），iPhone 3gs和iPhone 4上运行良好，但在iPad 2上进行testing时，我们却开始看到这个像素化的屏幕。最奇怪的部分是，3D加速内容是获得像素化的唯一部分。我附上了两个截图，一个来自iPad，另一个来自iPad2。你可以看到我的意思（他们是在同一天的不同时间，所以内容是不同的，对此感到抱歉）。主要内容（包含图像的框）可以通过触摸事件上下滑动。在iPad2上，只有这部分是像素化的。在滑动时，像素化保持大部分时间，但在某些testing中，几秒钟后会重置。另外，html的内容有这样的一行： <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 我们通过CSS开始硬件加速，主滑动对象具有这个属性： -webkit-transform: translate3d(0,0,0); 为了防止闪烁，图像不在任何具有背景颜色的dom对象中，并具有以下属性： -webkit-backface-visibility: hidden; 对于某些情况下的更多闪烁校正，我们使用了这个属性（但屏幕截图中的像素化内容没有分配这个属性）： -webkit-perspective: 0; 该应用程序目前没有“apple-touch-startup-image”，所以我们首先想到的是，启动捕获ios使得不知所措。但事实certificate，这不是问题，因为在通过wi-fi下载内容之后，像素化保持不变。如果有人遇到这个或类似的问题，并能解决它，请回答，因为我们没有其他的想法了。我尽可能地提供了尽可能多的信息，下面是我所做的截图： iPad： iPad 2：

IOS闪烁错误时，CSS溢出：滚动更改为溢出：隐藏: 我正在通过phonegap构build一个应用程序，我想在后台从屏幕底部向上滑动菜单禁用div的滚动; 通过改变从滚动到隐藏的溢出为什么该菜单刷卡是有效的，但它导致屏幕闪烁。任何人都知道任何破解当溢出propery改变时停止div闪烁？

如何在Safari和Native App之间共享上下文？: 我需要通过Safari （上下文令牌）设置一些上下文，然后从本机iOS应用程序中读取上下文。这样做的最佳做法是什么？到目前为止的一些想法：在HTML 5数据库中设置上下文，但我不确定这将工作，因为数据库可能只能从Safari访问。在原生应用程序中使用WebUIView是否允许我访问与Safari相同的HTML5数据库/本地存储？在设备存储设置上下文，但我不知道这将工作，因为我不知道Safari是否可以真正写入设备存储。

如果Cookies被禁用，则iOS7无法访问HTML5 localStorage: 在iOS7上，尝试通过JavaScript访问HTML5 localStorage对象时，停止执行Javascript。它在以前的iOS版本中正常工作。应用程序刚刚安装并启动时，该应用程序运行完美。但是，我closures了应用程序并重新启动，它不起作用，并且无法访问localStorage。要禁用cookie，我使用了下面的代码： [[NSHTTPCookieStorage sharedHTTPCookieStorage] setCookieAcceptPolicy:NSHTTPCookieAcceptPolicyNever]; 要访问localStorage，我使用了下面的代码： CGRect rect = self.view.frame; UIWebView* webView = [[UIWebView alloc] initWithFrame:rect]; [self.view addSubview:webView]; [webView loadHTMLString:@"<script>alert('hello world');alert(localStorage);</script>" baseURL:nil] 我已经通过iOS7文档，但无法find任何有关此问题的更新。有人也遇到过吗？请分享有关这方面的任何信息，将是非常有益的。任何解决方法？谢谢

在iOS应用程序中预先填充UIWebView的HTML5脱机appcache: 是否有可能创build一个UIWebView的HTML5离线appcache预填充，以便它将脱机工作，即使这是第一次用户访问UIWebView？如果是这样，怎么样？我知道我可以通过其他机制来实现这一目标，但以上是我的第一select。如果可能的话，我只是很好奇。我在文档中看不到任何内容。

如果用户在iOS设备上，隐藏HTML元素？: 我想让代码检查一个用户是否在iOS设备上，然后如果他们不隐藏HTMLinputtypes“播放”button。所以，在我的代码中，我敢肯定，如果我的iOS检查是错误的，隐藏“播放”button，或两者的代码： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> var iOS = false, p = navigator.platform; if( p === 'iPad' || p === 'iPhone' || p === 'iPod' ) { iOS = true; } if (iOS === false) { $("input").hide(); } </script> <script type="text/javascript"> function load() { var vid = document.getElementById('vid'); vid.addEventListener('ended', function() […]

iOS – html5 – 全屏模式 – 禁用清理: 我有一个html5 videoplayer自定义控件，我需要显示/隐藏。通过video.removeAttribute（“controls”）删除默认控件。但是，当用户启动全屏时，他将获得默认的iOS控件，并可以通过广告进行清理。有没有办法在全屏模式下禁用search？谢谢。

从UIScript中的pageScroll发生的Jscript中获取标签和值: 在我的应用程序中，当Web视图分配时， XHTML文件被加载到Web视图中。如果在200标签中加载了5000行的文件，那么只有10个标签的值会在第一页上显示，当在屏幕上刷新页面时，将会出现其他10或12个标签的值。我的问题是如何从java脚本中获得只滚动的html部分？我使用下面的线来滚动页面 NSString* goTo =[NSString stringWithFormat:@"pageScroll(%f)", pageOffset]; [webView stringByEvaluatingJavaScriptFromString:goTo]; 我用这个代码的Java脚本得到整个HTML document.documentElement.innerHTML 但我只需要获取滚动的HTML TEX或部分或标签。任何提示，想法，代码，链接，教程将是很大的帮助… … –

在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 […]

阻止iframe中的链接导航/接pipecordova webview，特别是在ios中: 我有cordova应用程序显示外部内容与iframe（在这种情况下youtubeembedded式video）点击iframe中的链接（如youtube徽标）时，整个webview将导航到youtube网站，而不仅仅是iframe。（没有能力回去，你需要杀死应用程序），我想阻止的行为。在android上，cordova插件API暴露onOverrideUrlLoading方法，它应该能够阻止不需要的导航。（自己还没有testing过）我还没有find类似的方法在ioscordova类，也没有在ios webview API。但我不是很熟悉ios。我也试过（在android＆ios上）iframe的沙箱属性https://developer.mozilla.org/en/docs/Web/HTML/Element/iframe#attr-sandbox这适用于防止脚本（不是我需要atm，只是为了检查属性是否在做什么）而不是阻止导航（为了启用导航，您应该添加allow-top-navigation，而我没有）