2014 年 1 月 24 日星期五

JS Bin 更新

在回答有关 DataTables 的问题、展示某些功能如何工作或者为无法正常工作的问题创建测试用例时,能够展示一个小代码示例,在实际表上运行非常有用。

JS Fiddle 等软件提供了这项功能,通过创建一个环境,可以在浏览器中编写、运行和保存 HTML、CSS 和 Javascript,并且可以通过简单地共享一个 URL 来实现代码共享。它几乎完全满足我们的需求。

更进一步,实际代码环境应该尽可能轻松地提供测试用例和代码示例。对于 DataTables,我们需要一个默认页面,其中包含一个简单表、DataTables 库和用于运行 DataTable 的 Javascript。选择扩展库(例如 TableTools)的能力也应该是微不足道的。

隆重推出 JS Bin

JS Bin 是一个 Web 应用程序,它允许输入 Javascript、HTML 和 CSS,然后在浏览器中运行。它是一个 开源程序,由 Remy SharpLeft Logic 等人开发,因此我可以根据我们的要求对其进行自定义!

DataTables 网站自其 v1 版本以来一直使用 JS Bin,但时代已经变化,Remy 和他的团队在 JS Bin 中添加新功能方面做得非常出色,DataTables.net 现在可以使用 JS Bin v3。

使用 JS Bin

实际上,使用 JS Bin 非常简单;只需在浏览器中加载 http://live.datatables.net,然后根据需要开始自定义 HTML/Javascript/CSS。浏览器窗口顶部的按钮允许您选择显示哪些代码,以及查看最终输出的选项。

要共享已创建的 bin,请单击浏览器窗口顶部的共享菜单并复制显示的 URL。将该 URL 添加到您的论坛帖子、电子邮件,否则将其分享,其他开发人员将能够查看您的示例。

有关如何使用 DataTables 实时网站的更多信息,包括用于加载 Ajax 和服务器端处理数据的预制模板,请参阅 技术说明 9

感谢

感谢 Remy Sharp 和所有其他人,他们对 JS Bin 做出贡献,并使创建 DataTables 实时测试环境成为可能!