Tag: 跨浏览器

你select跨浏览器的JavaScript GUI

更新 – 截至2015年2月更新的综合比较可以在这里find： Ext JS的替代品 2008问题 ： 那里有一些很棒的，不是很好的Javascript GUI框架。 我看了一些（只是表面上）。 我无法想出任何一个 滚动到这个问题的结尾，看看别人怎么说 Ext.js许多人都知道，因为它是最着名的框架之一。 优点：看起来很棒 ，大型社区，很多扩展/插件，GPL Disadvanatges：无法使用具有商业许可的第三方扩展（并且其中一些扩展具有杀手function） Backbase相对较less知道。 XML和Javascript的混合让人想起XUL。 但是，这已经是跨浏览器了 优点：看起来很好 ，可扩展性强，可以方便地合并一些非常干净的东西 缺点：价格陡峭且受CPU限制（尽pipe最多可以在2个CPU上使用），论坛响应速度缓慢（尽pipe商业支持据说速度很快） qooxdoo也很受欢迎。 优点： 请填写 缺点：代码凌乱（基于传闻） YUI 填写说明 优点：组织良好的代码缺点： 许多小部件仍处于testing阶段 Dojo 填写描述 优点：增量加载类 缺点：轻微感觉臃肿 jQuery UI 优点：小工具不依赖于对方 缺点：在发展的早期阶段，很less有小部件 更广泛的接受可能的趋势： jQuery与ASP.NET MVC一起交付 什么说你？ 你用什么，为什么？ 你想用什么，为什么？ 在任何types的项目 要更新您的input… 看到这个来自Sergey Ilinsky的优秀评论 ，它很好地解释了你应该select什么样的框架，当你想只是皮条客你的页面，build立一个丰富的前端应用程序（有几个select，不less） 在另一个线程比较有趣的评论比较jQuery的，道场，原型，Mootools， Sproutcore和卡布奇诺 （问题被删除） 。

在javascript中检测图像404

用户上传文件后，我们必须对图像进行一些额外的处理，例如resize并上传到S3。 这可能需要多达10秒的时间。 显然我们在后台做这个。 但是，我们希望立即向用户显示结果页面，并简单地显示spinners，直到图像到达s3的永久家中。 我正在寻找一种方法来检测某个图像无法正确加载（404）在跨浏览器的方式。 如果发生这种情况，我们希望使用JS来显示一个微调器，并每隔几秒重新载入镜像，直到可以从S3成功加载镜像。

如何指定您的网页的语言，以便Google Chrome不提供翻译

我有一个谷歌Chrome坚持认为是在法国的页面。 这是它的一个快照： http://yootles.com/outbox/overcleverchrome.html 请注意，我包含一个meta http-equiv标签来告诉它实际上是英文的： <meta http-equiv="Content-language" content="en"> 但是这并没有帮助。 有什么我可以做，以防止这一点？

使用旧版浏览器的HTML5“data- *”属性有什么问题吗？

我想将一些自定义数据与一些HTML节点相关联。 我打算使用新的HTML5风格的“data- *”属性。 例如： <tr class="foo" data-typeid="7">…然后我打算select这个HTML节点，通过读取$(node).attr("data-typeid") 。 然而，这个网页也需要使用旧版浏览器。 我没有使用data- *属性作为一个特殊的属性，但我想知道是否旧的浏览器将忽略，擦除，或无法访问此属性，因为它不是有效的HTML4。

正确的方法来检测WebGL的支持？

我试图检测跨多个浏览器的WebGL支持，我遇到了以下情况。 即使当访问者的video卡被黑名单和/或WebGL被禁用，Firefox的当前版本也会使用以下检查来报告积极的支持： if (window.WebGLRenderingContext) { // This is true in Firefox under certain circumstances, // even when WebGL is disabled… } 我已经试过指导我的用户使用以下步骤启用WebGL。 这在某些情况下有效，但并不总是如此。 显然，这不是我可以向公众要求的东西： 在Firefox的地址栏中键入about：config 要启用WebGL，请将启用webgl.force的设置为true 这导致我创build了自己的方法来检测支持，它使用jQuery注入一个canvas元素来检测支持。 这拉扯了我在各种WebGL库和插件中find的许多技术。 麻烦的是，testing是非常困难的（关于下面的链接是否适合你的评论是非常感谢！）。 为了使这是一个客观的问题， 我想知道是否有一个普遍接受的方式来检测所有浏览器的WebGL支持 。 testingurl： http://jsfiddle.net/Jn49q/5/

如何在浏览器中通过Javascript压缩图像？

TL; DR; 有没有办法在上传之前直接在浏览器端压缩图片（主要是jpeg，png和gif）？ 我很确定JavaScript可以做到这一点，但我找不到一个方法来实现它。 以下是我想要实现的完整场景： 用户去我的网站，并通过input type="file"元素select一个图像， 这个图像通过JavaScript检索，我们做一些validation，如正确的文件格式，最大的文件大小等， 如果一切正常，则在页面上显示图像的预览， 用户可以做一些基本的操作，比如将图像旋转90°/ -90°，按照预先设定的比例裁剪等等，或者用户可以上传其他图像并返回到步骤1， 当用户满意时，编辑的图像然后在本地被压缩和“保存”（不保存到文件，而是保存在浏览器存储器/页面中） 用户用姓名，年龄等数据填写表格， 用户点击“完成”button，然后将包含数据+压缩图像的表单发送到服务器（不含AJAX）， 到最后一步的全过程应该在客户端完成，并且应该在最新的Chrome和Firefox，Safari 5+和IE 8+上兼容。 如果可能的话，只能使用JavaScript（但我敢肯定，这是不可能的）。 我现在还没有编写任何代码，但我已经考虑过了。 通过File API可以在本地读取文件 ，可以使用Canvas元素进行图像预览和编辑，但是我找不到图像压缩部分的方法 。 根据html5please.com和caniuse.com ，支持这些浏览器是非常困难的（感谢IE），但可以使用像FlashCanvas和FileReader这样的polyfill来完成。 其实，目标是减less文件大小，所以我把图像压缩视为一个解决scheme。 但是，我知道上传的图像将在我的网站上显示，每次都在同一个地方，我知道这个显示区域的尺寸（例如200×400）。 所以，我可以调整图像大小来适应这些尺寸，从而减小文件大小。 我不知道这种技术的压缩比率是多less。 你怎么看 ？ 你有什么build议可以告诉我吗？ 你知道任何方式来压缩JavaScript的图像浏览器端？ 感谢您的回复。

垂直和水平居中在CSS中的文字圈（如iPhone通知徽章）

我正在寻找一种在CSS3中做一个跨浏览器iPhone类徽章的方式。 我显然喜欢用这个一个div，但替代解决scheme将罚款。 重要的因素是它需要在所有浏览器中水平和垂直居中。 关于这些通知的一个有趣的devise问题是它们不能有一个指定的宽度（高度是固定的） – 他们应该能够处理[在ASCII绘图]（1）和（1000），其中（1000）不是一个完美的圆形，而是看起来更像是一个胶囊。 编辑 ：其他约束（来自史蒂文）： 没有JavaScript 显示属性不会改变为表格单元格，这是有问题的支持状态

如何最好地说服人们升级IE浏览器？

我最近问了一个问题 ，因为措辞过于强硬而被击落。 我今天再去一次，因为这是我真正关心的事情，我真的很想从这些聪明人那里得到反馈和想法。 IE6是不是我的存在的祸害，但它是接近的。 我是一个networking开发人员，并花费太多的时间来修复IE6的东西。 考虑到它的年龄和相对质量，我感到震惊，许多人仍在使用它。 据我所知，有些公司仍然将其用于传统的内部Web应用程序支持，但是我发现现在有两家公司现在还没有升级，因为XP的自动更新默认没有提供它（您必须通过基于浏览器的Windows Update安装IE7 / 8）。 因此，忘记那些需要它的人， 你如何说服个人或组织升级到更新版本的IE？ 做警告横幅工作？ 我曾考虑过跳过IE6修复，并把“这个网站最好的工作…”声明，但肯定有一个糟糕的渲染网站，使我和/或我的客户端看起来不好，而不是IE6。 也有人不需要保持IE6，但不能升级，因为他们在一个受控制的环境。 什么是最好的方式来影响他们足以让他们的pipe理员来解决这个问题？ 注意：正如我上次所说的，我不在乎将这些人移动到另一个浏览器。 我不介意给他们这个select，但这当然不应该是一个Firefox / FOSS超级用户线程。 我也不是在寻找一个战斗，只是build设性的想法使业务types意识到浏览器技术损害最小的方式。 编辑：有几个“你不能强迫”的答案。 我同意，但我觉得我可以影响它。 我告诉人们，当我看到IE6，但我不坐在每个访问我所做的网站的每个IE6用户后面。 考虑香烟的健康警语。 他们不强迫人们停止吸烟，但他们确实以相当残酷的方式进行教育（现今）。 毫无疑问，教育人群已经对吸烟者的数量产生了巨大的影响。 IE6比吸烟less上瘾，是的，是的，推动教育理念似乎可能会影响正确的人做正确的事情。

有跨浏览器桌面通知的JavaScript库吗？

我知道W3C只是发布他们的Web通知草案版本来通知用户。 所以没有浏览器在当前或最新的编译浏览器中实现这个方法。 Web通知概述 在我search了很多网页，在大多数浏览器中查找所有可能的桌面通知。我发现任何2个主要的浏览器应该支持这个。 1. 谷歌浏览器和基于Webkit的浏览器 Windows的 通知http://code.google.com/chrome/extensionshttp://img.dovov.comnotification-windows.png Mac的 通知 http://code.google.com/chrome/extensionshttp://img.dovov.comnotification-mac.png 通知Linux http://code.google.com/chrome/extensionshttp://img.dovov.comnotification-linux.png 我们可以使用本地桌面通知function来显示如下图所示的消息。 更多信息： Chromium项目 – 桌面通知 2. Internet Explorer 对于IE 5.5+，我们可以使用createPopup函数来像谷歌浏览器那样通知使用，但是Google Chrome更加灵活。 更多信息： MSDN上的CreatePopup方法 而且，如果我们将网站固定到Windows 7任务栏，我们也可以使用叠加图标来通知用户。 覆盖图标http://i.msdn.microsoft.com/dynimg/IC432198.jpg 更多信息： IE9，特定于站点的浏览器，以及将您自己的跳转列表项添加到固定标签 其他浏览器 我想我们可以使用Pines Notify jQuery插件来创build浏览器内通知。 或者你有任何桌面通知库或想法提示我？ 谢谢， PS。 如果没有好的图书馆，我会自己创build。 更新我 由于IE8，它不允许我们显示当前浏览器外popup。 例如，当IE最小化时，不显示所有popup窗口。 因此，Google Chrome浏览器只有一个具有完全networking通知API的浏览器（FF 4也有非logging的networking通知API，但现在不起作用）。

我可以使用PHP检测IE6吗？

有没有办法使用PHP来检测是否正在使用IE6加载页面？