草庐IT

ipad - 使用 HTML5 网络数据库存储文件以供离线访问

我正在尝试为iPad创建一个简单的网络应用程序,它需要在没有互联网连接的地方使用。该应用程序是必不可少的一个简单的“幻灯片”,但也包括一些视频文件(通常大约100MB。)最初我计划使用HTML5的离线list缓存将Assets同步到iPad的内存中,以便在上路之前互联网连接可用,但不幸的是,缓存似乎有一个限制(至少在iOS3.2中)总计不能超过5MB。查看Google使用HTML5网络数据库的方式,我想知道是否有替代解决方案可以将视频/图像Assets转换为数据库中的blob。但是,我很难找到一种方法来读取二进制数据以存储在数据库的blob中。我的问题是:谁能提供将二进制数据读入客户端

html - 使嵌入式 PDF 在 iPad 中可滚动

我有一个使用object标签嵌入到HTML中的PDF。嵌入的PDF是一个大文档,当从我的桌面查看时,PDF在包括safari在内的所有浏览器中都可以使用滚动条正确显示。但是,当我在iPad中查看相同的html页面时,嵌入的PDF没有滚动条。有什么方法可以在iPad中显示嵌入式PDF文档的滚动条。用于嵌入PDF的代码是我也试过使用iframe,但还是不行。 最佳答案 这似乎可行:使对象标签足够大以显示整个PDF,并且将其包含在具有有限高度和overflow:auto的div中——在iOS5+中添加-webkit-overflow-sc

html - Flexbox 不适用于 iPad 和 Safari

这个问题在这里已经有了答案:FlexboxcodeworkingonallbrowsersexceptSafari.Why?(3个答案)关闭5年前。我在网站上使用flexbox,它在iPadAir、iPad3和SafariPC上崩溃。设计和代码与此代码笔相似。http://codepen.io/anon/pen/xwJzEg/display:flex;flex-wrap:wrap;这是出现问题的那些设备上的样子:关于如何解决这个问题有什么建议吗?

html - 我如何使用元视口(viewport)和 CSS 媒体查询使平均 960 像素的网站在 iPhone 和 iPad 上看起来不错?

问题我知道StackOverflow上有很多关于metaviewport标签的问题,但我找不到任何人问什么似乎是最明显和最有用的问题:我如何使用元视口(viewport)和CSS媒体查询使平均960像素的网站设计在iPad(和台式机)上看起来不错,同时仍然为iPhone保留较小的视口(viewport)和网站设计(例如320像素)和其他手机?对于iPhone,我认为这是不言而喻的:一个较小的、手机友好的网站(例如,320像素宽)是理想的。但是对于iPad的大屏幕来说,一个特殊的移动站点并不是真正必要的;使用正常的960px网站设计似乎是合适的。一个320像素的网站在iPad上看起来很滑

css - 使用后台附件 :fixed in safari on the ipad

我希望重新创建类似于科普应用的效果。基本上有一个大的背景图片,然后在上面有HTML/CSS层。当用户滚动内容时,图像的背景位置应保持不变,而不是滚动。显然在“常规”浏览器中我会使用background-attachment:fixed,但这在ipad上似乎不起作用。我知道根据safari规范position:fixed不能像您预期的那样工作-但有什么方法可以实现这一点吗? 最佳答案 您可以使用此代码制作固定背景图层来解决此问题。#background_wrap{z-index:-1;position:fixed;top:0;left

jquery - 使嵌入式 PDF 在 iPad 中可滚动

出于某种原因,iPad的safari浏览器不能很好地处理嵌入的PDF。独立启动时,PDF本身可以正常查看,但不能使用对象标签。问题是它们不滚动。我有一个带有嵌入式pdf的jquery页面,它可以在mozilla和chrome上很好地滚动,但是在safari(iPad)上,PDF仍然停留在第一页上并且不可滚动。问题是,我如何在iPad浏览器上进行这项工作?此处发布了类似的问题MakingembeddedPDFscrollableiniPad但答案不是很好。他们通过使用10000像素的高度来作弊,这会为小文档创建大量空白,并且可能不适用于非常大的文档:PDFframescrollingte

javascript - 在 Safari iOS : Won't drag, 上拖放不会响应在桌面/iPad 上的拖放

我正在编写要在iPad上查看的网页。它使用Safaris/Webkits拖放。我完全复制了Safari的示例拖放代码,但它不起作用。我的问题:当我在Safari桌面或iPad上的Safari上运行网页(HTML、CSS和Javascript)时,永远不会触发ondrop事件。在ipad上,我什至无法拖动元素(显微镜的东西出现并且当我按住并在元素上移动手指时它不会拖动)。不过,拖动确实适用于桌面。出了什么问题?可以在本页的最底部找到小代码示例:https://developer.apple.com/library/archive/documentation/AppleApplicatio

ipad - 在 iPad 上播放音频

我在一个为客户提供聊天服务的网站上工作,但是,我们在iPad(iOS5)中遇到了音频问题。目标实际上是支持IE7的iPad是首选。我试过这些方法:HTML5使用一些javascriptvarel=document.getElementById('notification');el.play();一些javascript函数我偷了一个地方,实际上是一个函数中的两种不同方法。请注意脚本位于子目录中,因此路径是正确的。functionnotify(){varurl='../audio/notification.mp3';vara=document.createElement('audio')

iphone - HTML5 视频在 iPad 上不显示

我在http://www.theparkerpalmsprings.com上编码了一些视频通过iPhone或iPad加载时使用HTML5播放。在我的测试中,在iPhone上查看网站时一切正常(我在3G和iPhone4上测试过),但在iPad上加载时,Quicktime标志快速闪烁,然后什么也没有发生。这是视频编码的问题还是我做错了什么?任何输入将不胜感激!一些测试链接(直接指向带有视频的页面):http://theparkerpalmsprings.com/spa/(iPad大视频,iPhone小视频)http://theparkerpalmsprings.com/rooms/esta

ipad - HTML5 视频不适用于 iPad 上的 jquery bxSlider 插件

我正在使用JquerybxSlider插件为iPad创建图像和视频的slider库。我正在使用HTML5video标签来实现视频:视频源代码单独在iPad上运行良好,但是当与slider标记合并时,视频无法播放。测试链接:http://www.ekimmedia.com/totem/TIC/MG/如果我删除这个脚本:从源代码来看,视频可以在iPad上运行。删除了bxSlider脚本的测试链接:http://www.ekimmedia.com/totem/TIC/MG/index10.html不确定是什么导致了冲突。谢谢, 最佳答案