Tag: html5

HTML5格式与polyfills – 这是值得的吗？: 尽pipe围绕html5表单的所有讨论，在我看来，像在大多数情况下，通过走这条路线，你正在创造额外的工作。以dateselect器字段为例。原生的html5实现在每个浏览器中都呈现不同的效果。另外你的polyfilled解决scheme（例如jQuery UI），对于不支持这个function的浏览器，也会呈现不同的效果。现在，我们已经为同一个表单引入了多个定制和维护点，当我们有一个完美的工作和统一的解决scheme与jQuery！我很想听听这方面的一些真实世界的经验，因为我对所有的嗡嗡声感到恼火！

通过jQuery中的HTML5数据属性select元素: 是否有可能通过他们的HTML5 data属性（例如，所有<div>与data-role='footer' ）在jQuery中select元素？

使用overflow-x：scroll在IOS上进行加速/减速的平滑原生样式滑动滚动; 可滚动的div使用CSS: 使用可滚动的div .scrollable-div{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } Android设备上的DEMO在滑动上滚动平滑，甚至有加速和减速。在iPhone上相同的代码，滚动是僵硬的。当用户释放触摸滚动停止立即。你如何使iPhone像滚动加速/减速本地风格的Android浏览器一样滚动可滚动的div？

Flexbox和Internet Explorer 11（显示：flex在<html>？中）: 我打算从“浮动”的布局，并使用CSS Flexbox的未来项目。我很高兴看到目前版本中的所有主stream浏览器似乎都支持（以某种方式）flexbox。我前往“由Flexbox解决” http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/看看一些例子。然而，“粘滞页脚”的例子似乎并没有在IE11中工作。我玩了一下，并得到它的工作，通过添加display:flex到<html>和width:100%到<body> 所以我的第一个问题是：有人可以向我解释这个逻辑吗？我只是摆弄，它的工作，但我不太明白为什么这样工作… 然后是“媒体对象”的例子，适用于所有的浏览器，除了 – 你猜对了 – IE。我也摆弄着这个，但是没有成功。因此，我的第二个问题是：是否有一个“干净”的可能性来获得“媒体对象”的例子在IE中工作？

Chrome 5上的浮点数HTML 5 input type =“number”元素: 我需要让用户input浮点数，所以我使用下面的元素： <input type="number" name="my_number" placeholder="Enter number"/> 在Firefox上效果很好，但是当我尝试input小数时，Chrome会抱怨数字不是整数。这是我的情况的一个问题。如果我input一个step属性，那么Chrome允许浮点数： <input type="number" name="my_number" placeholder="Enter number" step="0.1"/> 但那么问题是0.15不能进入…这step似乎不适合我的需要。 W3C规范在input type="number"的属性中提到了浮点数。如何让Chrome接受没有step属性的浮点数？

如何访问iOS11主屏幕上的Web应用程序的相机？: 概要我们无法使用WebRTC或文件input从iOS11（公开发布）主屏幕Web应用程序访问相机，详情如下。我们的用户怎么能继续访问相机？我们通过https提供网页应用程序页面。解决scheme，十一月我们失望了苹果希望解决这个问题，并向前迈进。修改我们的networking应用程序，删除iOS“添加到主屏幕”function，并要求受影响的用户删除任何以前的主屏幕图标。 11月21日更新 iOS 11.2 beta 4和iOS 11.1.2不能修复。 9月21日的变通办法似乎我们可以问networking应用程序的现有客户不升级到iOS11 – 祝你好运:) 在iOS相机拍摄照片，然后在networking应用程序中select它们等待下一个testing版重新安装为Safari浏览器页面（在我们删除了ATHS逻辑之后）切换到Android 文件input 我们目前的产品代码使用的文件input在iOS 10及更高版本上已经运行良好。在iOS11上它作为一个Safari选项卡，但不是从主屏幕应用程序。在后一种情况下，相机被打开，只显示一个黑色的屏幕，因此它是无法使用的。 <meta name="apple-mobile-web-app-capable" content="yes"> … <input type="file" accept="image/*"> 的WebRTC iOS11上的Safari 11提供了WebRTC媒体捕获，这非常棒。我们可以使用navigator.mediaDevices.getUserMedia获取相机图像，以在桌面和移动设备上的正常网页上进行canvas。当我们将页面添加到iPad或iPhone主屏幕时， navigator.mediaDevices变得undefined且不可用。 <meta name="apple-mobile-web-app-capable" content="yes"> … // for some reason safari on mac can debug ios […]

如何获得具有CSS3转换元素的MouseEvent坐标？: 我想检测一个MouseEvent发生在相对于被点击元素的坐标中。为什么？因为我想在点击的位置添加一个绝对定位的子元素。我知道如何检测不存在CSS3转换（请参阅下面的说明）。但是，当我添加一个CSS3变换，然后我的algorithm中断，我不知道如何解决它。我没有使用任何JavaScript库，我想了解如何在普通的JavaScript中工作。所以，请不要用“只用jQuery”来回答。顺便说一句，我想要一个适用于所有MouseEvent的解决scheme，而不仅仅是“点击”。这并不重要，因为我相信所有的鼠标事件都具有相同的属性，因此相同的解决scheme应该适用于所有的鼠标事件。背景信息根据DOM Level 2规范， MouseEvent几乎没有与获取事件坐标相关的属性： screenX和screenY返回屏幕坐标（原点是用户显示器的左上angular） clientX和clientY返回相对于文档视口的坐标。因此，为了findMouseEvent相对于单击的元素内容的位置，我必须做这个math： ev.clientX – this.getBoundingClientRect().left – this.clientLeft + this.scrollLeft ev.clientX是相对于文档视口的坐标 this.getBoundingClientRect().left是元素相对于文档视口的位置 this.clientLeft是元素边界和内部坐标之间的边界（和滚动条）的数量 this.scrollLeft是元素内滚动的数量 getBoundingClientRect() ， clientLeft和scrollLeft在CSSOM视图模块中指定。没有CSS变换的实验（它的工作原理）混乱？尝试下面的一段JavaScript和HTML 。点击后，一个红点应该出现在点击发生的地方。这个版本“非常简单”，并按预期工作。 function click_handler(ev) { var rect = this.getBoundingClientRect(); var left = ev.clientX – rect.left – this.clientLeft + […]

被Microsoft WebSockets命名空间困惑: 到目前为止，在教程，博客和官方文档中，我已经看到： Microsoft.Web.WebSockets 从NuGet获得程序集是Microsoft.WebSockets，但名称空间是Microsoft.Web.WebSockets 最后更新2011年9月14日包含WebSocketHandler，WebSocketCollections，WebSocketExtensions System.Web.WebSockets .NET 4.5的一部分，可用于Visual Studio 11 Developer Preview 包含AspNetWebSocket，AspNetWebSocketContext，AspNetWebSocketOptions类 MSDN上的文档 System.Net.WebSockets 感谢Ladislav Mrnka指出这一点 .NET 4.5的一部分，可用于Visual Studio 11 Developer Preview 包含WebSocket，HttpListenerWebSocketContext等等 MSDN上的文档 System.ServiceModel.WebSockets 我一定以为我在某个地方见过这个，现在找不到 Microsoft.ServiceModel.WebSockets 从html5labs.interoperabilitybridges.com / …获得。安装到[Program Files] \ Microsoft SDKs \ WCF WebSockets \ 11.06.22 \ bin 包含WebSocketHost，WebSocketService，WebSocketsService类以及接口和集合最后更新2011年6月22日这些有点不同吗？是一些旧版本？我一直认为“Microsoft.Web”命名空间用于预发布代码，但即使Build会议上的演示也使用这个命名空间，尽pipe.NET 4.5包含了内置的System.Web.WebSockets命名空间。 System.Web.WebSockets似乎与Microsoft.Web.WebSockets具有相同的API，但具有以AspNet为前缀的类和方法。 System.ServiceModel.WebSockets是WCF命名空间的一部分，这似乎是一个明智的地方把这东西。帮助 – 我很困惑。 […]

Wysiwyg与图像复制/粘贴: 首先，我知道一个图像不能从本地机器“复制”到网站上。我明白，它必须上传。我是一名networking程序员，熟悉TinyMCE和FCKEditor等常用networking工具。我的问题是，如果存在一个程序或Web模块或类似的工作将执行一个wysiwyg自动上传图像。我有一个客户，经常抱怨不能复制/粘贴MS Word图像文件到一个wysiwyg，在他们的网站上创build内容。我已经看了TX文本控制（ http://labs.textcontrol.com/ ），并正在寻找一个可能的flash wysiwyg，可以在幕后自动上传文件。我不知道这是否存在，谷歌在我的search没有太大的帮助，所以我想我会问其他编码。我接受任何types的服务器技术或浏览器要求。我正在寻找一些基于浏览器的工具，而不是像Dreamweaver或其他应用程序工具。如果没有好的解决办法，我愿意在这一点上接受。注：这是客户的要求，对我来说似乎是不合理的。我决定收集社区build议，而不仅仅是告诉客户“不”，这里的选项对提出可能的解决scheme非常有帮助和信息量。