Tag: html

加载NSData到UIWebView: 在我的网页浏览器，我想加载一个UIWebView NSURLConnection NSData获得。当我尝试加载到UIWebView ，而不是该网站，它出现了HTML纯文本。这是我的代码：在viewDidLoad: NSURLRequest *request = [NSURLRequest requestWithURL: [NSURL URLWithString:@"http://www.msn.com"]]; [NSURLConnection connectionWithRequest: request delegate:self]; 后来在代码中： -(void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data { webdata = [NSMutableData dataWithData: data]; } -(void)connectionDidFinishLoading:(NSURLConnection *)connection { [webview loadData:webdata MIMEType: @"text/html" textEncodingName: @"UTF-8" baseURL:nil]; }

在iOS Safari上播放WAV文件: 我正在努力获得一个WAV文件作为HTML5audio标签或通过移动Safari（iPad / iPhone）中的常规可下载链接在HTML页面上播放： <audio controls src="audio-pcm_s16le-8k.wav"/></audio> <a href="audio-pcm_s16le-8k.wav">audio</a> HTML5 audio对象只显示Cannot play audio file ，当我点击下载参考锚时，我会看到一个黑色的页面，中间有一个“无法播放这个圈子”。我已经尝试了各种频率（8000,11025,16000,32000,44100），各种编码（mu-law，线性签名的16位LE和BE），各种容器（.wav，.caf，.aiff）和各种audio转换程序（Audacity，ffmpeg和苹果公司自己的afconvert）…我不能得到audio播放（除非我做MP3 – 不，我不能只使用MP3或AAC，我需要一个“生“格式的原因太长，不能进入这里）。我看了支持的iOS格式，它似乎支持WAV …任何人都有这个问题的经验？我在最新的iOS 6.0.1上编辑：选定的回答者让我这个问题，但原因是在答案的意见。底线是它需要HTML范围标题播放文件。

iOS：具有-webkit-backface-visibility的多个div：缩放时隐藏崩溃浏览器: 当我在iPad 4浏览器上查看以下HTML页面（Safari或Chrome无关紧要）时，浏览器在缩放时会崩溃（无论是双击缩放还是双指缩放）。该页面包含40个简单的div（为了简洁，由javascript插入）具有属性-webkit-backface-visibility：hidden。 <!doctype html> <html> <head> <style> .front { -webkit-backface-visibility: hidden; position: absolute; border: 1px solid black; width: 800px; height: 800px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body id="outer"> <script> $(function() { for (var i = 0; i < 40; i++) { $(document.createElement('div')) .css({top: i*10, left: i*10}) .addClass("front").appendTo($("#outer")); } }) </script> </body> </html> iPhone和老一代的iPad也可能出现同样的问题。这是一个奇怪和烦人的错误; […]

在iOS Mobile Safari和/或UIWebView中控制文本select行为？: 我有一个长的HTML文件，其中包含多个段落。当我尝试在iOS移动Safari或UIWebView中select文本时，会发生以下情况：起初，我select的字符级别精确。然后，当我select更多，精度下降到两行文字，最后到整个段落。没有办法在我想要的地方完成我的文本select。当我将CSS contentEditable属性设置为true ，我保留了字符级别的精度，但键盘也显示出来了，这当然不是我想要的。有没有办法保留字符级别的select精度，不pipe我select的文本多长时间？

打印纸张尺寸和内容插图: 我正在使用以下代码来打印包含文本和图像的HTML内容。 if (![UIPrintInteractionController isPrintingAvailable]) { UIAlertView *alertView = [[[UIAlertView alloc] initWithTitle:NSLocalizedString(@"Printer Availability Error Title", @"") message:NSLocalizedString(@"Printer Availability Error Message", @"") delegate:nil cancelButtonTitle:NSLocalizedString(@"OK", @"OK") otherButtonTitles:nil] autorelease]; [alertView show]; return; } UIPrintInteractionController *pic = [UIPrintInteractionController sharedPrintController]; if(!pic) { NSLog(@"Couldn't get shared UIPrintInteractionController!"); return; } pic.delegate = self; UIPrintInfo *printInfo = [UIPrintInfo printInfo]; printInfo.outputType = UIPrintInfoOutputGeneral; printInfo.jobName = […]

Bootstrap Modal在iOS设备上不起作用: 我在使用Bootstrap的网站上工作，有一个问题，我似乎无法修复。这里是网站的草稿。在“我们做什么”面板上，我在第一个缩略图框（在缩略图下面写着“Enterprise Software development”）创build了一个可点击的模式窗口。如果您在非移动设备上单击缩略图，则会popup一个模式窗口。在台式电脑（或笔记本电脑）上，它工作得很好。但是在iOS（iPhone，iPad等）上，它根本不起作用：即点击它不会显示模式窗口。但是，如果您在“我们是谁”面板的页面上看起来较低，则会出现“查看更多关于Tim …”button。如果您点击或点击该button，它将适用于所有设备（包括iOS）。我可以看到两者之间的唯一区别是，第一个是在一个<div>标签，而第二个是在一个<button>标签。 Bootstrap不支持从iOS设备上的<div>启动模式窗口吗？如果是这样，您是否看到我的代码有任何问题，只会在iOS设备上失败？

移动Safari多选错误: 如果发现一个真正恼人的错误在当前（iOS 9.2）移动Safari（首先出现自iOS 7！）如果您在移动Safari上使用多个select字段 – 如下所示： <select multiple> <option value="test1">Test 1</option> <option value="test2">Test 2</option> <option value="test3">Test 3</option> </select> 你将有自动select的问题！在打开select（没有任何用户交互）之后，iOS会自动select第一个选项，但不会用蓝色select“检查”显示给您。所以，如果你现在select第二个选项，select将告诉你，select了两个选项（但只高亮显示一个select）… 如果您现在closures并再次打开select，iOS将自动取消select第一个值 – 如果您重复，则会在没有任何用户交互的情况下再次select。这真是一个恼人的系统错误，这是打破用户体验！

禁用iOS Overscroll，但允许正文滚动: 我想禁用iOS应用程序在Web应用程序中的滚动，但仍然允许滚动。 $(document).on('touchmove', function(e) { e.preventDefault(); }); 完全禁用滚动（如预期的那样）。有没有办法做我想做的事情？

防止iOS反弹而不禁用滚动function: 我试图实现一个解决scheme，以防止iOS的Safari浏览器中的网页内容大于视口的反弹效果。我正在处理的页面在结构上非常具体，与本页面非常相似http://new.salt.ch/ 基本结构是基于bootstrap的。它顶部有一个固定的导航栏。它有一个全屏幕的幻灯片背景。幻灯片具有固定在视口底部的叠加层。有一个页脚元素加载非canvas，只有在滚动内容时才可见。内容在导航栏后面滚动。位于导航栏下方20px的标题的内容consistes和位于视口上方20px的一系列button。滚动时，button和标题都向上移动屏幕以显示页脚。我遇到的问题与http://new.salt.ch/页面上的问题相同，因为当您向上滚动时，屏幕底部会显示反弹效果，并显示背景和叠加层。我已经尝试了各种解决scheme，包括iNoBounce.js，Nonbounce.js和我在其上发现的一些其他build议。我总是有同样的问题…当我尝试禁用反弹，所有滚动被禁用。我猜这是因为内容（除了页脚）总是足够大，滚动是不需要的，所以滚动被禁用，页脚不再可以在滚动访问。