当前位置：文江博客话题详情

检测浏览器是否支持谷歌图表

发布于 2024-12-01 01:48:05 字数 182 浏览 1 评论 0原文

昨天，我在运行 Opera 时遇到了网站上一些谷歌图表的问题。我收到错误“您的浏览器不支持图表”。今天一切都很好，而且事实上似乎运行得更快了一些。

我想在我的 javascript 中有一个备份，这样如果不支持它，我只会显示一个表格。

有没有这样的方法可以做到这一点，或者我是否需要检查传入浏览器的列表并自己找出答案？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天邊彩虹 2024-12-08 01:48:05

来自 http://code.google.com/intl/en/ apis/chart/interactive/docs/：

图表使用 HTML5/SVG 技术呈现，以提供
跨浏览器兼容性（包括旧版 IE 的 VML）以及
跨平台可移植到 iPhone、iPad 和 Android。

他们显然正在使用内联 SVG。 http://caniuse.com/#search=inline%20svg 不是很有用这里因为这是关于 HTML5 解析器识别 SVG 内容，但是 Google 正在动态生成 SVG 内容。我认为以下代码片段可以正确测试内联 SVG 支持：

var svgRoot = null;
if ("createElementNS" in document)
  svgRoot = document.createElementNS("http://www.w3.org/2000/svg", "svg");
if (svgRoot && "width" in svgRoot)
  alert("Inline SVG supported");

如果动态创建的 SVG 元素具有 SVG 特定的属性，那么一切都应该没问题。您仍然必须假设 MSIE 得到普遍支持（通过 VML）。或者使用如何做您在浏览器中检测对 VML 或 SVG 的支持以检测 VML 支持。这有望与谷歌正在执行的兼容性检查相匹配（减去您明显观察到的故障）。

From http://code.google.com/intl/en/apis/chart/interactive/docs/:

Charts are rendered using HTML5/SVG technology to provide
cross-browser compatibility (including VML for older IE versions) and
cross platform portability to iPhones, iPads and Android.

They are apparently using inline SVG. http://caniuse.com/#search=inline%20svg isn't very useful here because that's about HTML5 parser recognizing SVG content, Google is generating SVG content dynamically however. I think that the following code snippet tests for inline SVG support correctly:

var svgRoot = null;
if ("createElementNS" in document)
  svgRoot = document.createElementNS("http://www.w3.org/2000/svg", "svg");
if (svgRoot && "width" in svgRoot)
  alert("Inline SVG supported");

If a dynamically created SVG element has SVG-specific properties then everything should be fine. You will still have to assume that MSIE is generally supported (via VML). Or use How do you detect support for VML or SVG in a browser to detect VML support. And that will hopefully match the compatibility checks that Google is performing (minus glitches like the one you apparently observed).

回复收藏 0 原文

~没有更多了~