用于浏览器兼容性的快速测试javascript代码段

时间:2010-07-19 12:42:15

标签: javascript cross-browser

就像我们snippet compiler快速测试C#代码一样,我也可以在chrome调试工具和Firebug(firefox)中为javascript做同样的事情。

我会对一个工具或一些在线工具更感兴趣,它可以运行一小段javascript并告诉它是否在显着的浏览器中正常运行以及结果。

更新
我是开发人员而不是测试人员。我不想在我的电脑上安装所有浏览器。我喜欢chrome,我可以通过点击Ctrl+Shift+J并在其控制台中粘贴我的javascript来快速调试/测试(语法/结果)几乎每个javascript中的javascript。但这只会测试它是否适用于chrome。我现在对创建一个库不感兴趣。 Google和Stackoverflow可以帮助我快速获取特定任务的最佳和最新的JavaScript。

5 个答案:

答案 0 :(得分:6)

我找到了一种方法。但它不是那么快,仍然想知道更好的答案。可能是某种可以做到这一点的工具。

单向: -
JsBin上的try-catch块中写下您的javascript并创建其公共链接。现在,检查您与BrowserShots的链接。

使用javascript写出大量的html(有条件的),以便能够看到BrowserShots给出的图像的差异。

答案 1 :(得分:1)

要提出10年后的另一种选择:我建议为此使用JSHint

导航到其站点的第一页使您可以简单地粘贴JS代码段,并获取有关从可能令人困惑的语法到“最低ES版本”警告的所有信息。

此外,您还可以将JSHint安装到项目中,并具有手动运行的命令或插入现有构建链的命令,以使用自定义规则在本地执行相同的操作。

答案 2 :(得分:1)

此外,如果该界面可用,您可以检查 MDN Web Docs 浏览器兼容性部分(例如 window.location - https://developer.mozilla.org/en-US/docs/Web/API/Location#browser_compatibility

答案 3 :(得分:1)

我还发现了这个工具:JS Compatibility Checker,它基于 Can I use。 可能会有所帮助,但不会概述所有问题。

答案 4 :(得分:0)

您可以轻松制作测试页以容纳您的代码段,然后在目标浏览器中尝试使用它们。这样做的另一个好处是为你创建的片段提供了一个中央库,因此你不必去寻找整个目录,寻找你在2010年创建的那个很酷的小部件。