檢測瀏覽器是否支持谷歌圖表

Question

昨天我在運行歌劇時在我的網站上遇到了一些谷歌圖表問題。我收到錯誤「您的瀏覽器不支持圖表」。今天它非常好，事實上似乎運行得更快。

我想在我的JavaScript中有一個備份，以便如果它不支持，只是顯示一張表。

有沒有這樣的方式來做到這一點，或者我需要檢查傳入的瀏覽器列表，併爲自己弄清楚嗎？

Answer 1

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

圖表使用HTML5/SVG的技術，提供 跨瀏覽器兼容性（包括VML較舊版本的IE）和 跨平臺的可移植性到iPhone，ipad公司和Android渲染。

他們顯然使用內聯SVG。 http://caniuse.com/#search=inline%20svg在這裏並不是很有用，因爲這是關於識別SVG內容的HTML5解析器，但是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）。或者使用How do you detect support for VML or SVG in a browser來檢測VML支持。這將有望與Google正在執行的兼容性檢查相匹配（減去您顯然觀察到的那種毛刺）。