2

これは非常に基本的な質問かもしれませんが、厄介な問題を引き起こしている Rails 環境、js、css、および HTML をキャプチャする jsfiddle を投稿することは可能ですか? ここに別の SO の質問を投稿しました: unable to float a twitter bootstrap navbar item right with either class=pull-right or float:right

...そして、jsfiddleに何かを投稿することが提案されました。正直なところ、jsfiddle にコピー アンド ペーストできる方法で css、js、および HTML を収集する方法について、私は完全に理解していません。必要な 4 つのコンポーネントをまとめる巧妙な方法はありますか?

私は主に、表示とレイアウトに関連するコードを共有およびデバッグできることに関心があります。

よろしくお願いします。

4

1 に答える 1

0

jsfiddleやjsbinなどのサイトは、HTML、CSS、および JavaScript に関連するさまざまな問題のテストベッドとして役立ちます。それらを使用するための適切なワークフローは次のようになります。

  1. これらのサイトのいずれかにアクセスする前に、ブラウザー デバッガー (Firebug、Chrome デバッガー、または必要に応じて最新バージョンの IE のデバッガー) を使用して、問題の仕組みを把握してください。予期しない JavaScript の動作が見られますか? 奇妙なレイアウト？問題が何であれ、焦点をできるだけ絞り込めるかどうかを確認してください。
  2. ここで、ワークベンチ サイトの 1 つにアクセスし (アカウントも作成してください。古い実験を見つけるのに役立ちます)、問題の再現を試みてください。できるだけ簡単に始めて、作業を進めてください。それは困難でイライラすることもありますが、私の経験では、分離テストケースを理解しようとするプロセスでさえ、悟りにつながる可能性があります:-)
  3. 理解できない、または説明できない動作などを切り分けることができた場合は、テスト ケースを保存できます (jsfiddle には [保存] ボタンと [更新] ボタンがあります。jsbin は魔法のように自動的に保存するようです)。次に、URL をここ (または他の場所) に投稿します。ここに投稿する場合は、関連するコードをテスト ケースから質問に直接コピーすることをお勧めします。

私はこれらのサイトの両方を使用しています (さらに多くのサイトがあるかもしれません)。jsbin サイトを使用すると、ページをより細かく制御でき、<iframe>. モバイル アプリケーションのテストを行う場合、これは重要なことです。そうでなければ、どちらも優れたリソースです。

ああ、どちらのサイトでも、簡単な構成ツールを使用してさまざまな一般的なライブラリをインポートできます。これは、ライブラリのバージョン変更によって導入された可能性があると思われるバグを追跡するのに非常に便利です (まれですが、実際に発生すると非常に厄介です)。

于 2012-10-23T13:43:08.727 に答える