JS Bin 更新
當回答關於 DataTables 的問題、示範某個功能的運作方式,或是為某些無法運作的情況建立測試案例時,能夠展示一個實際在即時表格上運作的小程式碼範例會非常有用。
諸如 JS Fiddle 之類的軟體提供了這種能力,它建立了一個環境,讓 HTML、CSS 和 Javascript 可以在瀏覽器中編寫、執行和儲存 - 透過簡單地分享 URL 即可分享程式碼。對於我們的需求來說幾乎完美。
更進一步來說,即時程式碼環境應該盡可能輕鬆地提供測試案例和程式碼範例。以 DataTables 來說,我們需要一個預設頁面,其中包含一個簡單的表格、DataTables 程式庫和執行 DataTable 的 Javascript。選擇諸如 TableTools 等擴充程式庫的功能也應該很簡單。
請看 JS Bin。
JS Bin 是一個網路應用程式,允許輸入 Javascript、HTML 和 CSS,然後在瀏覽器中執行。它是一個 開放原始碼程式,由 Remy Sharp of Left 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 即時測試環境成為可能!