Tag: html5

canvas大小调整-IOS HTML5应用程序 – (图表JS)

我有一个奇怪的间歇性问题在图表JS( http://www.chartjs.org/ )在html5 IOS应用程序。 我已经在这里列出了我的canvas – <canvas id="overallChart" height="270" width="270" style="height:270px!important; width:270px!important;"></canvas> 页面中有多个图表 – 图表通过基本图表js设置触发 – var lineData = { labels : ["Jan","Feb","March","April","May"], datasets : [ { fillColor : "rgba(255,128,38,0.9)", strokeColor : "rgba(225,225,225,1)", pointColor : "rgba(225,225,225,1)", pointStrokeColor : "#fff", data : [65,59,90,81,56] }, { fillColor : "rgba(119,62,20,0.9)", strokeColor : "rgba(225,225,225,1)", pointColor : "rgba(225,225,225,1)", pointStrokeColor : […]

各种iOS版本在Web应用程序caching大小限制及其响应方面有何不同?

由于我手头没有所有的设备和iOS版本,所以很难理解我的客户在较老的设备(即iPad 1和2,都运行iOS 5 [不确定小版本])时遇到的一些问题。 有没有关于每个iOS应用程序如何响应Web应用程序达到高速caching大小限制的任何文档? ( 5MB据说?或者我可能是错的,可能只适用于Web SQL数据库的大小 ) 所有设备和iOS版本的caching大小限制也是一样的? 注意:我的客户在开始时遇到的问题是正确的,它显示页面就好像Javascript被禁用 (我发送了一个消息,询问是否是这种情况)。 但是,如果他们没有手动禁用它,是否可以自动禁用JavaScript的Web应用程序,因为超过了限制?

需要在ios7 +中修正头文件

即使出现键盘,我也需要将标题固定在顶部。 每当我点击文本框,键盘就会出现,包括标题在内的整个页面正在移动到顶部,只有通过滚动页面才能看到它。 我已经确定头像的位置。 什么是最好的解决scheme,以解决这个问题在ios7 +没有使用客观C.我们已经尝试了任何解决scheme已经在这里提供: 过渡到iOS 7:在iPad上查看jQuery / iPhone Webapps的正确视口设置 但它没有工作。 任何帮助表示赞赏。 提前致谢。

应用程序崩溃NSRangeException

我们使用Xcode4.5为iOS创build了Phonegap应用程序,并使用HTML创build了集成的Bing地图。 我们正在使用cordova-1.9.0 当我们在iOS7中运行我们的应用程序时,应用程序崩溃,出现下面的exception。 *由于未捕获exception“NSRangeException”,原因:'* – [WebCoreSharedBufferData getBytes:range:]:range {0,4000}超出数据长度0' 应用程序在放大时刷新 – 缩小地图。 地图是使用mapdotnet-8.3加载的

跨设备照片捕获上传

由于iOS6 Mobile Safari浏览器的用户已经能够通过相机或相册从他们的设备上传图像。 Web开发人员只需编写一个上传脚本绑定文件input标签,如下所示: <input type="file" accept="image/*" capture="camera"> 这将提示iOS用户select图像源(图像文件或相机),然后将图像上传到服务器。 就像在这个图像。 这适用于Mobile Safari的iOS,但是我希望在Windows Phone,Android以及iOS iPhone和iPad中具有相同的行为。 每个设备是否有类似的HTML规范? 你可以使用Chris Droukas提供的链接来回答这个问题。 谢谢。 编辑: 我有机会尝试Android 4.2和iOS6上的<input type="file" accept="image/*" capture="camera"> ,并且允许用户拍照(或select一个)提交。 有更多设备的人可以告诉我这是否有效吗?

html input type = file – 从iCloud中select一个文件

我正在开发一个基于Cordova / PhoneGap的应用程序,它有一个embedded式文本编辑器。 要访问选定的文件,我让用户使用html <input type=file>元素浏览移动设备: <div class="control-row"> <label for="selFile" class="topcoat-button">{{t 'view.lblSelect'}}</label> <input type="file" value="" id="selFile" multiple> </div> 然而,在iOS上,点击input元素会显示照片,而不是让我selectiCloud文档。 有没有办法从Cordova / PhoneGap中selectiCloud文档?

如何监听或绑定在iPhone应用程序中的滚动事件(内置PhoneGap)?

我们已经阅读了关于是否build议使用jQuery来绑定或者监听滚动事件的冲突信息。 本质上,我们希望在用户向下滚动页面时在图像中进行animation处理,类似于Google Plus iPhone应用程序所做的。 有没有更好的方式来回应滚动事件(具体来说,当一个隐藏的图像进入视图,应该animation到可见性)? 绑定滚动事件时,人们做了什么? 我们是不是应该使用jQuery,并自行推出一些东西?

使用mp3元数据或HTML在iPhonelocking屏幕上显示图稿和曲目名称

使用safari / chrome等后,当你locking一个iphone,当一个MP3文件正在播放,它显示空白的艺术品和一个硬链接到MP3文件的位置,这看起来相当丑陋。 是否有一些ALT标签/元数据,我可以包括显示艺术品和曲目标题呢?

VideoJS:不在IOS上工作

我使用了videojs,它可以在所有浏览器(包括IE)和Android上正常工作。 但它不是在iOS设备上工作(iphone和ipad IOS版本6)。 这里是我用来将video添加到页面的代码。 <video id="video1" class="video-js vjs-default-skin" width="276" height="153" controls="" preload="auto" data-setup="{}"> <source src=myvideo.mp4 type="video/m4v" > </video> 我花了很多年,找不到任何解决办法。 我使用video.js版本3.2.0并永远获得加载微调。 我尝试使用版本4,只是黑屏出现。 请任何帮助。

移动Safari上的touchMove事件 – 导致整个页面被拖动

当按照苹果文档应用触摸事件时 element.addEventListener("touchstart", touchStart, false); element.addEventListener("touchmove", touchMove, false); element.addEventListener("touchend", touchEnd, false); element.addEventListener("touchcancel", touchCancel, false); 和拖动,整个HTML页面(在iPad或iPhone上)往往被拖动。 我如何防止? 我尝试添加 event.preventDefault(); 到callback,以及 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 没有成功。