タグ

firebugに関するeguegu3000のブックマーク (4)

  • console.logで変数の中身をconsoleに出力 - JavaScriptist

    JavaScriptでは、alert関数で次のようにして変数などの中身を表示することが出来ます。 alert関数を使う bookmark サンプルコード bookmark <script type="text/javascript"> <!-- alert("Hello world"); //--> </script> alertの出力例 bookmark console.logを使ってみる bookmark JavaScriptで次のように、コーディングします。 サンプルコード bookmark <script type="text/javascript"> <!-- console.log("Hello world"); //--> </script>すると、FirefoxのJavaScriptコンソールに「Hello world」が表示されます。 このように、値の中身がどうなっている

  • Firebugの使い方2 THE HAM MEDIA

    以前に『意外と知られていない機能が多い!?Firebugの使い方』というエントリーを書いたところ、気づけばビックリなブクマ数がついたりする。 Firebugってかなりのコーダー(デザイナー)とか、Webに関わる人の多くはいれているアドオンのハズ(未調査なので自分の気持です)だけど、SaCSS参加者では使っていないって人が意外にもいたので書いたエントリーでした。そのブクマしている人の数やコメントをみると、やっぱりみんながみんな、使い切れているものでないですよね。 ということで、前回は紹介しきれなかったけど、こんな使い方してるよ~という自分の使い方を紹介します! 不必要な要素は消してしまおう 前回のおさらいっぽい部分から。 いろいろなサイトをみてまわっていると、時々、「これ邪魔だな」とか思う要素がポッとでてきたりってしませんか?大きいモニタの時はそんなこと特に思わないのですが、小さいモニタを使

    Firebugの使い方2 THE HAM MEDIA
  • Firebugを活用しよう!jQueryの動作チェックに最適な『FireQuery』

    皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います! しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか? 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います!個人的にかなり便利だと思います。 FireQueryとは? FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ

    Firebugを活用しよう!jQueryの動作チェックに最適な『FireQuery』
  • ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス

    Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo

    ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
  • 1