場合によっては、いくつかのコード スニペットをテストする必要がありますが、その言語の実行環境がコンピューターにインストールされていません。問題はありません。オンラインでテストできます。
この記事では、コード スニペットのテストと編集を迅速かつ簡単に行うのに役立つ、コード スニペット用の 8 つの非常に便利なオンライン ツールを紹介します。
1.イデオン
Ideone は、開発者がオンラインでコードをコンパイルして実行できるようにするオンライン コード編集およびデバッグ ツールで、40 を超えるプログラミング言語をサポートしています。
2. コードパッド
Codepad は、オンラインのコンパイラー/インタープリターであり、シンプルなコラボレーション ツールです。コード スニペットをテキスト ボックスに貼り付けると、Codepad がそれを実行し、他のユーザーと共有できる短い URL を生成します。
3. jsフィドル
jsFiddle は Web 開発者のためのトレーニングの場であり、一部の HTML、CSS、JavaScript コード スニペットをオンラインで編集するために使用でき、これらのコードを他のユーザーと共有したり、ブログなどに埋め込んだりできます。開発用に使い慣れたさまざまな一般的な JavaScript ライブラリを選択することもできます。さらに、jsFiddle は XHR も非常によくサポートしており、一部の応答をシミュレートすることもできます。
4. CSSデスク
CSSDesk は、Web サイトが 3 つの列に分かれており、特定の CSS 属性の変更が HTML 要素に与える影響をリアルタイムで確認するのに非常に便利です。 Web サイト全体 デバッグのために Web サイトにアクセスし、デバッグされたファイルを HTMl として保存します。唯一の残念な点は、コード プロンプトがないことと、CSS プロパティを手動で入力する必要があることです。
5. オンラインコードエディタ
6. jsBin
JSBin は主に JavaScript と CSS コード スニペットのテストを支援するために使用され、その機能は jsFiddle Web サイトと一致しています。
7. Google コード プレイグラウンド
Google Code Playground は、オンライン バージョンの JavaScript、Ajax 編集、開発およびデバッグ環境を提供し、対応するドキュメントに簡単にアクセスできます。一般的に使用される多くの Google API といくつかの Ajax ライブラリの組み込みサンプル。
8. jsdo it
jsdo を使用すると、開発者は JavaScript、HTML5、CSS3 コードをオンラインで作成し、コミュニティ内で相互に共有できます。
英語の原文: コードスニペットをテストするための 8 つの最良の方法
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
